Question

我已经和基金会4一起玩了一段时间。我不得不说它使用起来非常简单，而且它的许多标记都非常易读。文档很简短，但我们可以解决。然后我遇到了这个非常大的问题。在Bootstrap中，您将拥有一个名为scrollspy的功能。您在左侧修复了侧边栏，当您滚动页面时，它会告诉您自己的位置。 http://getbootstrap.com/javascript/#scrollspy

我注意到Foundation 4也有一个名为Magellan的js组件。不幸的是，文档对它的作用以及如何调整它非常模糊。我玩了一段时间并意识到我可能无法达到与Bootstrap的scrollspy相同的效果，在那里我可以有一个固定的左侧面板。麦哲伦总是将我的面板推到屏幕顶部。

有没有人有使用magellan的经验？

Answer 1

在github的jQuery页面的scrollspy上获取一个战利品，阅读信息，可能有助于在任何项目中单独使用它：

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

如何在基础4中制作卷轴效果

1 个答案: