Wie gehe ich mit fullPage.js nach dem Toggle zu einem bestimmten div innerhalb eines Abschnitts?

Was ich erreichen will ist, nachdem ich 'read more ..' gedrückt habe. Ich möchte den aktuellen aktiven Bereich runter zu einem bestimmten div bewegen und verschieben die Oberseite, die den Titel 'IM TOGGLE' hat.Wie gehe ich mit fullPage.js nach dem Toggle zu einem bestimmten div innerhalb eines Abschnitts?

Ich habe versucht, diesen jQuery-Code hinzufügen, um es zu spezifischen div zu bewegen:

$('html,body').animate({ 
    scrollTop: $(".toggle").offset().top}, 
    'slow');

aber es nicht funktioniert. Wenn ich data-anchor dem .toggle hinzufüge, ist das Layout verzerrt und es funktioniert nicht. Irgendein Vorschlag?

Hier ist meine Geige: so

<div class="toggle" id="toggled-content">

bewegen https://jsfiddle.net/rigz/5odubjsj/10/embedded/

Quelle

2016-07-25 threeFatCat

Ich würde vorschlagen Sehen Sie sich die [iscroll.js-Dokumentation] (http://iscrolljs.com/) an, die die von fullpage.js verwendete Herstellerbibliothek ist, wenn Sie 'scrollOverflow: true' wie angegeben verwenden in den Vollseiten.js-Dokumenten. Sie könnten etwas finden, mit dem Sie den Scroller scrollen können. – Alvaro

wie id zu dem Knie div down ihm von href Knopf Hinzufügen wie so

<button class="btn btn-danger" href="#toggled-content">READ MORE..</button>

Quelle

2016-07-25 11:46:33

Ich habe versucht, meine Geige zu ändern und es funktioniert nicht. Hast du es mit meiner Geige versucht? – threeFatCat

Apollogies für die späte Antwort Ich habe versucht, edint Sie Geige, aber es schien nicht zu funktionieren. Dies ist eine Lösung, die an einem alten Projekt von mir gearbeitet hat –

Wie gehe ich mit fullPage.js nach dem Toggle zu einem bestimmten div innerhalb eines Abschnitts?

Antwort

Verwandte Themen