您的位置:首页 > 其它

bug列表(一):Iframe框架下如何控制滚动条。

2017-03-24 16:21 387 查看
最近开发项目,遇到不少的问题和值得优化的地方,毕竟是小白,所以想做个bug列表系列,都是些小知识,小bug。

遇到的问题:

项目中用iframe嵌了一个页面,页面里面用angular做的,我发现在出现滚动条的时候,把滚动条拉到最底部,点击一个连接跳转到另一个路由里面的时候,竟然跳到了页面的底部,而不是另一个路由页面的顶部,一开始我以为是a标签的一些属性什么的捣鬼,后来发现,我的滚动条拉倒哪里,跳转页面后,滚动条依旧在哪里,so,这不管a标签的事,我在想,因为路由都是填充在固定的坑中的,所以在页面中跳转路由的时候,页面是不刷新,页面是不动的,只是view坑中的视图在发生变化,所以滚动条是不会动的。(也不知道这样子理解对不对,嘻嘻)。


所以经过百度什么发现也有人遇到同样的问题,并找到了解决的方法。

解决办法

只要每次跳转的时候手动让滚动条跳到页面顶部就好

因为是用angular开发的所以给出angular解决方法:

1.需要依赖:

$location,$anchorScroll


2.代码:

$scope.scrollTop= function () {
$location.hash("top");
$anchorScroll();
}


这样子每次跳转的时候,就是页面的顶部,而不是底部或者中间了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  bug