2017-03-07 1 views
1

Ich habe 3 Scrollify Abschnitte. Ich habe auch 2 Tasten, ich brauche eine Taste, um zum zweiten Abschnitt zu scrollen und die andere Taste, um zum dritten Abschnitt zu scrollen.Scrifify zu bestimmten Abschnitt verschieben

Die Dokumentation listet diese Methode:.

$.scrollify.move("#name"); 

„Der Schritt-Verfahren verwendet werden kann, um einen bestimmten Abschnitt zu blättern Dies kann den Index des Abschnitts nehmen, oder den Namen des voran Abschnitt durch ein Hash. "

Hier ist meine gebrochene Demo:

CODEPEN DEMO

HTML

<div class="section third" data-div-name="third"></div> 

JS

Dies funktioniert:

$('.link2').click(function(){ 
    $.scrollify.next(); 
}); 

Aber dies nicht:

$('.link3').click(function(){ 
    $.scrollify.move("third"); 
}); 

oder mit "#Drittes" oder ".third"

Irgendwelche Ideen? Benenne ich den div-div-name nicht korrekt?

+0

'data-div-name' keine Beziehung zu Scrollify hat aktualisiert. Wenn Sie den 'Datenabschnitt-Namen 'von Scriffy verwenden, funktioniert das wie erwartet. –

Antwort

1

ich es herausgefunden, es ist ein Name nicht Daten Hash-Indexnummer:

$('.link3').click(function(){ 
    $.scrollify.move("#3"); 
}); 

die Demo

+0

Ja, wie in der Dokumentation erwähnt: https://projects.lukehaas.me/scrollify/#methods Froh, dass Sie Ihr Problem ausgearbeitet haben! :) –

+0

@SamiFouad Danke :) –

Verwandte Themen