解決jquery的scrollTop()置頂的瀏覽器兼容

對於前端開發者來講，瀏覽器兼容是常常會遇到的問題，在不一樣的項目中常常會遇到不一樣的彈出層操做，好比登陸的彈出層，須要在屏幕的中間出現，同時還要隱藏垂直滾動條。此時就須要使用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");

經過上面的四句補充代碼，便可實現各個瀏覽器的兼容問題，有其餘好的方法歡迎大神相互交流和留言溝通