chrome不認documentElement.scrollTop

視頻課堂https://edu.csdn.net/course/play/7621

在頁面顯示浮動層時，IE、Firefox下都能顯示正常，但Chrome下出現了浮動層永遠顯示在上面，經過仔細分析，發現Chrome對Document.DocumentElement.scrollTop的識別會出現誤差。不過加上document.body.scrollTop后，則顯示正常。

由于document.documentElement.scrollTop和document.body.scrollTop在標準模式或者是奇怪模式下都只有一個會返回有效的值，所以都加上也不會有問題（看來上面的問題是Chrome可能把文檔當作非標準文檔來解析了）。

解決方案1:

if (document.documentElement && document.documentElement.scrollTop) document.getElementById("poster").style.top = document.documentElement.scrollTop + "px"; else if (document.body) document.getElementById("poster").style.top = document.body.scrollTop+"px";

解決方案2：

document.getElementById("poster").style.top = document.documentElement.scrollTop +document.body.scrollTop+ "px";

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。