bug列表(一):Iframe框架下如何控制滚动条。
来源:互联网 发布:淘宝网退换货流程 编辑:程序博客网 时间:2024/05/23 18:32
最近开发项目,遇到不少的问题和值得优化的地方,毕竟是小白,所以想做个bug列表系列,都是些小知识,小bug。
遇到的问题:
项目中用iframe嵌了一个页面,页面里面用angular做的,我发现在出现滚动条的时候,把滚动条拉到最底部,点击一个连接跳转到另一个路由里面的时候,竟然跳到了页面的底部,而不是另一个路由页面的顶部,一开始我以为是a标签的一些属性什么的捣鬼,后来发现,我的滚动条拉倒哪里,跳转页面后,滚动条依旧在哪里,so,这不管a标签的事,我在想,因为路由都是填充在固定的坑中的,所以在页面中跳转路由的时候,页面是不刷新,页面是不动的,只是view坑中的视图在发生变化,所以滚动条是不会动的。(也不知道这样子理解对不对,嘻嘻)。
所以经过百度什么发现也有人遇到同样的问题,并找到了解决的方法。
解决办法
只要每次跳转的时候手动让滚动条跳到页面顶部就好
因为是用angular开发的所以给出angular解决方法:
1.需要依赖:
$location,$anchorScroll
2.代码:
$scope.scrollTop= function () { $location.hash("top"); $anchorScroll();}
这样子每次跳转的时候,就是页面的顶部,而不是底部或者中间了。
0 0
- bug列表(一):Iframe框架下如何控制滚动条。
- 控制iFrame的滚动条
- 如何去掉iframe框架自带滚动条
- 完全搞定iframe(框架)里的滚动条!(一)
- ie6框架下,出现横向滚动条bug
- ie6框架下,出现横向滚动条bug
- 如何控制iframe页面滚动?
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- 完全搞定iframe(框架)里的滚动条
- 框架iFrame只要竖滚动条,不要横滚动条
- 如何改变iframe的滚动条样式?
- 如何改变iframe的滚动条样式
- 如何隐藏掉iframe 横向滚动条
- 解决ui框架(easyui),iframe多重滚动条。滚动条,闪现闪没,宽高呈现受到影响。
- 关于iframe的滚动条,如何去掉水平滚动条或垂直滚动条
- linux下的mysql启动、停止、重启,状态 命令操作
- unity之碰撞检测
- 【ZJOI2017】仙人掌 题解
- ubuntu安装MySQL并导入数据
- [BZOJ4771]七彩树
- bug列表(一):Iframe框架下如何控制滚动条。
- datetime 和 timestamp
- 获取客户端IP
- 带状线、微带线及传输延时
- Pivot和UnPivot 用法
- [LeetCode]303. Range Sum Query
- Android Studio导入项目太慢解决方法
- 【知识之心】深度学习精华汇总
- Unity3D 学习从简单开始-AssetDatabase的使用