Question

我有一个使用Angular构建的非常简单的导航系统。我的主控制器生成菜单。

<nav class="{{active}}" ng-click= "">
        <a href="#a" class="home" ng-click= "active='home'">Home</a>
        <a href="#b" class="projects" ng-click= "active='projects'">Projects</a>
        <a href="#c" class="services" ng-click= "active='services'">Services</a>
        <a href="#d" class="contact" ng-click= "active='contact'">Contact</a>
    </nav>

每个链接转到页面部分，由锚标记。

有没有办法检测用户是否滚动了锚标记并突出显示匹配的菜单项？此外，它是否有效作为一种代码技术绑定菜单项上的点击事件，以实现更顺畅的滚动？完整示例：http://jsfiddle.net/4VLLc/4/

Answer 1

Angular-ui有Scrollfix directive。

当页面滚过它们时，为元素添加一个'ui-fixed'类

使元素变得粘稠，或者在滚动过后只是显示不同   某一点

你可以选择将一个数字传递给ui-scrollfix，它会覆盖   检测到元素的y偏移量。值可以是绝对值   600或偏离计算值-50或+100。

角度检测滚动

1 个答案: