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

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

遇到的问题:

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

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

解决办法

只要每次跳转的时候手动让滚动条跳到页面顶部就好
因为是用angular开发的所以给出angular解决方法:

1.需要依赖:

 $location$anchorScroll

2.代码:

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

这样子每次跳转的时候,就是页面的顶部,而不是底部或者中间了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值