/ / Wie macht man scrollspy Wirkung in Foundation 4 - Zurb-Stiftung, Magellan

Wie man scrolltepy Effekt in der Grundlage 4 macht - zurb-foundation, magellan

Ich habe eine Weile mit Foundation 4 gespielt. Ich muss sagen, es ist sehr einfach zu bedienen, und viele seiner Markups sind sehr gut lesbar. Die Dokumentation ist kurz, aber wir können umgehen. Dann traf ich dieses wirklich große Problem. In Bootstrap haben Sie eine Funktionalität namens scrollspy. Sie fixieren eine Seitenleiste links, und wenn Sie durch die Seite blättern, wird Ihnen angezeigt, wo Sie sich befinden. http://getbootstrap.com/javascript/#scrollspy

Ich bemerke, dass Foundation 4 auch eine js-Komponente hatMagellan genannt. Leider ist die Dokumentation extrem vage darüber, was sie tut und wie sie angepasst wird. Ich habe es eine Weile gespielt und festgestellt, dass ich vielleicht nicht den gleichen Effekt erzielen kann wie Bootstraps Scrollspy, wo ich ein festes linkes Panel haben kann. Magellan drückt mein Panel immer an den oberen Rand meines Bildschirms.

Hat jemand die Erfahrung mit Magellan zu arbeiten?

Antworten:

0 für die Antwort № 1

Nehmen Sie eine Beute an der scrollspy für jQuery Seite auf Github, lesen Sie die Informationen, könnte hilfreich sein, um es separat für jedes Projekt zu verwenden:

https://github.com/sxalexander/jquery-scrollspy

esp nehmen Sie eine Beute an, wo es heißt:

$(document).ready(function() {
$("#sticky-navigation").scrollspy({
min: $("#nav").offset().top,
onEnter: function(element, position) {
$("#nav").addClass("fixed");
},
onLeave: function(element, position) {
$("#nav").removeClass("fixed");
}
});
});