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

總結

以上是生活随笔為你收集整理的解决jquery的scrollTop()置顶的浏览器兼容的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。