zurb-foundation - 如何在foundation 4中制作scrollspy效果

Question

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

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

有谁有与magellan合作的经验吗？

Answer 1

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

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

尤其是在它说的地方掠夺：

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