bug列表(一):Iframe框架下如何控制滚动条。
2017-03-24 16:21
387 查看
最近开发项目,遇到不少的问题和值得优化的地方,毕竟是小白,所以想做个bug列表系列,都是些小知识,小bug。
所以经过百度什么发现也有人遇到同样的问题,并找到了解决的方法。
因为是用angular开发的所以给出angular解决方法:
1.需要依赖:
2.代码:
这样子每次跳转的时候,就是页面的顶部,而不是底部或者中间了。
遇到的问题:
项目中用iframe嵌了一个页面,页面里面用angular做的,我发现在出现滚动条的时候,把滚动条拉到最底部,点击一个连接跳转到另一个路由里面的时候,竟然跳到了页面的底部,而不是另一个路由页面的顶部,一开始我以为是a标签的一些属性什么的捣鬼,后来发现,我的滚动条拉倒哪里,跳转页面后,滚动条依旧在哪里,so,这不管a标签的事,我在想,因为路由都是填充在固定的坑中的,所以在页面中跳转路由的时候,页面是不刷新,页面是不动的,只是view坑中的视图在发生变化,所以滚动条是不会动的。(也不知道这样子理解对不对,嘻嘻)。
所以经过百度什么发现也有人遇到同样的问题,并找到了解决的方法。
解决办法
只要每次跳转的时候手动让滚动条跳到页面顶部就好因为是用angular开发的所以给出angular解决方法:
1.需要依赖:
$location,$anchorScroll
2.代码:
$scope.scrollTop= function () { $location.hash("top"); $anchorScroll(); }
这样子每次跳转的时候,就是页面的顶部,而不是底部或者中间了。
相关文章推荐
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法私人日志
- 如何去掉iframe框架自带滚动条
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- 如何控制窗口框架的最大最小尺寸
- 工具栏上创建ComboBox组合框控件,框架响应消息(一)之后续:用列表项控制工具栏上的按纽
- 如何用图片或按钮控制IE上下滚动条的移动???
- 如何实现由列表控件控制的属性表
- 如何得到页面里iframe中的滚动条当前位置
- 如何去掉框架中的横向滚动条
- 在SDK中如何控制滚动条
- 框架iFrame只要竖滚动条,不要横滚动条
- 完全搞定iframe(框架)里的滚动条!(一)
- [JavaScript]如何控制页面框架大小变化
- 如何去掉框架中的横向滚动条