微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

[Angularjs]锚点操作服务$anchorScroll

写在前面

页面的定位。但angularjs的路由会出现跟锚点冲突,angularjs会将锚点当成路由进行解析,造成跳转到这个页面,而我们需要的只是跳转到当前的锚点位置。angularjs的路由格式#/home/en。比如锚点的id为navigate-label,当触发跳转到锚点时,会出现#/navigate-label.

解决办法

一个$anchorScroll,用来实现锚点的功能

用法如下:

当前页面锚点定位。

app.controller('MyController',cope,$anchorScroll,$http,$location,$routeParams,$translate) { $location.hash('navigate-label'

效果,可能因为页面上ng-repeat的东西没加载完成。可添加指令。具体解决办法可参考我这篇文章

原文地址:https://www.jb51.cc/angularjs/191486.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐