zoukankan      html  css  js  c++  java
  • Chrome对document.documentElement.scrollTop的识别

    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";
     }

  • 相关阅读:
    学习《MYSQL》课程,日期2017.4.25-2017.4.30
    Netty学习笔记
    WebSocket学习
    Class 泛型
    SAX解析与DOM解析
    HashMap和HashTable的区别
    SQL语句整理
    观察者模式学习
    状态模式学习
    策略模式学习
  • 原文地址:https://www.cnblogs.com/ice_nemo/p/2984686.html
Copyright © 2011-2022 走看看