当前位置: 移动技术网 > IT编程>开发语言>JavaScript > scroll(),scrollTop(),scrollBy()无效问题的总结

scroll(),scrollTop(),scrollBy()无效问题的总结

2018年06月26日  | 移动技术网IT编程  | 我要评论

· 使用的浏览器:Chrome(67.0.3396.87)/火狐(60.0.2)/IE(ie7和ie8),均为PC端。

· 代码如下

  

  表现结果:

    Chrome:只有第一次打开标签页面是有效的(在当前标签页不断刷新是无效的);

    火狐:有效;另外,scrollBy()方法在火狐中不断刷新的同时,会不断叠加滚动值。

    IE:全部有效。

· 有效方式

  通过在定时器内定义滚动方法或者在点击事件中(ie中document.onclick是无效的)定义滚动方法都是有效的。

  

  表现结果:

    全部浏览器都可以正常滚动。

· 结尾

  其他两个方法(scrollTo()和scrollBy())实现的方式一致,都能正常表现出效果。另外,jquery的“$( window ).scrollTop( 200 )”也是一样的。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网