je veux faire défiler chaque section horizontalement en cliquant sur une flèche de navigation? chaque section a défilement vertical infini - javascript, jquery, html, css3

Maintenant, je veux faire défiler chaque section horizontalement en cliquant sur une flèche de navigation - chaque section a un défilement vertical infini.

1. flèche de navigation pour naviguer jusqu'au défilement horizontal.

<a class="arrow arrow-left" role="button"></a>

Contenu 2.starts.

<section class="timeline" id="1">infinite content..</section>
<section class="timeline" id="2">infinite content..</section>
<section class="timeline" id="3">infinite content..</section>
<section class="timeline" id="4">infinite content..</section>

<a class="arrow arrow-right" role="button"></a>

.timeline{
position: relative;
margin: 30px auto;
width: 100%;
}
.arrow {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
position: absolute;
}

.arrow-right {
border-left: 15px solid #000;
right: 0;
}
.arrow-left {
border-right: 15px solid #000;
left: 0;
}

Réponses:

Jettes un coup d'oeil à Jquery Animate () fonction.

Ici, vous pouvez définir la section de votre timeline de manière à faire défiler la gauche et la droite en fonction de la flèche sur laquelle vous avez cliqué.