Chrome對document.documentElement.scrollTop的識別

林堯彬發表於2020-04-04

Chrome對document.documentElement.scrollTop的識別會出現誤差。不過加上document.body.scrollTop後,則顯示正常。

網友提示:由於document.documentElement.scrollTop和document.body.scrollTop在標準模式或者是奇怪模式下都只有一個會返回有效的值,所以都加上也不會有問題(看來上面的問題是Chrome可能把文件當作非標準文件來解析了)。

即獲取高度時使用document.documentElement.scrollTop+document.body.scrollTop,經測試,程式碼在IE、Firefox、Chrome下都能顯示正常了。

例:

if (document.documentElement && document.documentElement.scrollTop) {
  msgObj.style.marginTop = -100 + document.documentElement.scrollTop + "px";
 }
 else if (document.body) {
  msgObj.style.marginTop = -100 + document.body.scrollTop + "px";
 }

轉載於:https://www.cnblogs.com/ice_nemo/archive/2013/03/27/2984686.html

相關文章