第二十四节:兼容所有浏览器滚动条滚动的js

来源:互联网 发布:为什么要探索宇宙 知乎 编辑:程序博客网 时间:2024/06/08 01:22

很多人发现写的js操作滚动条的代码只能控制firefox的滚动条,而chrome则不吊你;好不容易chrome能动了,firefox又不理你了。简直是坑的一比。

那有没有兼容firefox、chrome、IE的方法呢?

当然是有的,博主今天就给大家分享几种兼容以上三种浏览器的js写法:

$(window).scrollTop(300);$(document).scrollTop(300)$("html,body").scrollTop(300);
  • 1
  • 2
  • 3

都是jQuery的写法,原生js怎么办:

document.body.scrollTop = 300; // FireFox  IE9+ 不可以document.documentElement.scrollTop = 300; // Chrome 不可以 document.documentElement  === html
  • 1
  • 2

没办法,以上两种写法,都是一个可以一个不行。所以还是用上面的jQuery的写法吧,要么你就自己判断浏览器类型从而选取不同的原生js写法。。


原创粉丝点击