解决jquery的scrollTop()置顶的浏览器兼容

2019独角兽企业重金招聘Python工程师标准>>>

对于前端开发者来说，浏览器兼容是经常会遇到的问题，在不同的项目中经常会遇到不同的弹出层操作，比如登录的弹出层，需要在屏幕的中间出现，同时还要隐藏垂直滚动条。此时就需要使用jquery脚本来进行控制，是的弹出层可以在最上面的屏幕中间显示。

因此，需要使用jquery的scrollTop（）函数使滚动条置顶然后隐藏滚动条，显示出弹出层即可。具体的实现代码如下：

$("body").scrollTop(0);
$("body").css("overflow","hidden");

经测试，只有这两句在ie内核和火狐内核的浏览器中是不能够正常的滚动置顶的。因此需要进行完善该代码，具体的兼容实现代码如下：

$("body").scrollTop(0);
$("body").css("overflow","hidden");
$("html").scrollTop(0);
$("html").css("overflow","hidden");
$(document).scrollTop(0);
$(document).css("overflow","hidden");

通过上面的四句补充代码，即可实现各个浏览器的兼容问题，有其他好的方法欢迎大神相互交流和留言沟通

转载于:https://my.oschina.net/u/2525200/blog/692435