2017-03-03 2 views
1

jetzt möchte ich jeden Abschnitt horizontal durch Klicken auf eine Pfeilnavigation scrollen lassen - jeder Abschnitt hat einen unendlichen vertikalen Bildlauf.Ich möchte, dass jeder Abschnitt horizontal durch Klicken auf eine Pfeilnavigation blättert - jeder Abschnitt hat unendlich viele vertikale Scrolls

1.Navigationspfeil, um zum horizontalen Bildlauf zu navigieren.

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

2. beginnt Inhalt.

<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; 
} 

Antwort

0

Werfen Sie einen Blick auf Jquery Animate() Funktion.

Hier können Sie Ihren Zeitleistenbereich so definieren, dass er nach links und rechts gemäß dem Pfeil

blättert
Verwandte Themen