zoukankan      html  css  js  c++  java
  • 浏览器获取正确的scrollTop值

    window.pageYOffset 被所有浏览器支持除了 IE 6, IE 7, IE 8, 不关doctype的事, 注IE9 开始支持此属性。

    window.scrollY 被Firefox, Google Chrome , Safari支持 不关doctype的事, 注IE9 不支持此属性。

    在(quirk 模式)的时候 document.body.scrollTop 在 Internet Explorer, Firefox, Opera, Google Chrome Safari 返回正确的值。
    在(quirk 模式)的时候 document.documentElement.scrollTop 永远是零。

    在(非quirk模式)的时候 document.documentElement.scrollTop在 Internet Explorer, Firefox and Opera 下返回正确的值 但是在 Google Chrome ,Safari 中永远是零。

    特整理表格如下:


    只在quirk模式下, body.scrollTop是被所有都支持的,所以这个表大家不用也没有必要去记, 只要记住一条:
    以上在win7环境下测试,可以看出是非常凌乱的!

    1 if(window.pageYOffset){//这一条滤去了大部分, 只留了IE678
    2 
    3 }else if(document.documentElement.scrollTop ){//IE678 的非quirk模式
    4 
    5 }else if(document.body.scrolltop){//IE678 的quirk模式
    6 
    7 }

    原则是看pageYOffset 然后看documentElement.scrollTop, 最后是document.body.scrollTop!

  • 相关阅读:
    计算机学院大学生程序设计竞赛(2015’12)Study Words
    离散化
    一键拨打
    python中Strip()函数的用法
    笨方法学python 22,前期知识点总结
    笨方法学python之读写文件、open函数的用法
    Linux 多线程串口通信
    RSA加密前言
    GrabCut--Opencv篇
    队列
  • 原文地址:https://www.cnblogs.com/ttcc/p/3923508.html
Copyright © 2011-2022 走看看