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
原创粉丝点击