角检测滚动

Angular detect scroll

本文关键字：滚动 检测      更新时间：2023-09-26

我用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/

Angular-ui有Scrollfix指令。

为元素添加一个'ui-fixed'类

使元素具有粘性，或者只是在滚动过去后显示不同某点

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

相关文章：