Как сделать эффект прокрутки в фундаменте 4

Question

Я играл с Фондом 4 некоторое время. Я должен сказать, что он очень прост в использовании, и многие его разметки очень удобочитаемы. Документация краткая, но мы можем обойти. Тогда я столкнулся с этой действительно большой проблемой. В Bootstrap у вас будет функциональность scrollspy. Вы фиксируете боковую панель слева, и когда вы прокручиваете страницу, она говорит вам, где вы находитесь. http://getbootstrap.com/javascript/

Я заметил, что в Foundation 4 также есть js-компонент под названием Magellan. К сожалению, документация была чрезвычайно расплывчата в отношении того, что она делает и как ее настраивать. Я поиграл в нее некоторое время и понял, что, возможно, не смогу достичь того же эффекта, что и скроллшот Bootstrap, где у меня может быть фиксированная панель слева. Магеллан всегда выдвигает мою панель наверх моего экрана.

У кого-нибудь есть опыт работы с magellan?

Answer 1

Возьмите лут на странице scrollspy для jQuery на github, прочитайте информацию, может быть полезно использовать ее отдельно в любом проекте:

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

esp возьмите добычу там, где написано:

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