博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[Angularjs]锚点操作服务$anchorScroll
阅读量:6250 次
发布时间:2019-06-22

本文共 588 字,大约阅读时间需要 1 分钟。

写在前面

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

解决办法

angularjs提供了一个$anchorScroll,用来实现锚点的功能。

用法如下:

在controller中引入$anchorScroll.

在该controller中,就可以通过下面的方式实现当前页面锚点定位。

app.controller('MyController', function ($scope, $anchorScroll, $http, $location, $routeParams, $translate) {            $location.hash('navigate-label');            $anchorScroll();});

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

转载于:https://www.cnblogs.com/wolf-sun/p/5306522.html

你可能感兴趣的文章
异常处理汇总 ~ 修正果带着你的Code飞奔吧!
查看>>
百度地图需要的效果-有感
查看>>
BZOJ 1853: [Scoi2010]幸运数字
查看>>
BFS --- 素数环
查看>>
PCIE_DMA:xapp1052学习笔记
查看>>
给报表增加页眉
查看>>
python ----字符串基础练习题30道
查看>>
K 班1-7,alpha,beta 作业成绩汇总
查看>>
uva-10879-因数分解
查看>>
python 调用aiohttp
查看>>
Spring Boot中使用MyBatis注解配置详解
查看>>
linux下文件的一些文件颜色的含义
查看>>
跨域iframe高度自适应(兼容IE/FF/OP/Chrome)
查看>>
基于WinDbg的内存泄漏分析
查看>>
如何花更少的时间学习更多的知识
查看>>
学习鸟哥的Linux私房菜笔记(8)——文件查找与文件管理2
查看>>
day04 列表 增删改查 元组 range
查看>>
PL/SQL查看表结构
查看>>
升级fedora 18到fedora 19
查看>>
easyui combobox两种不同的数据加载方式
查看>>