zoukankan      html  css  js  c++  java
  • 监听页面滚动

    监听页面滚动事件

    window.onscroll

    window.addEventListener('scroll', function () {
        //函数体
    })

    获取页面滚动高度

     document.documentElement.scrollTop 在桌面端可用,在移动端值一直为0

     document.body.scrollTop 在移动端可用,在桌面端一直为0

    说明移动端滚动的元素是 document.body ,在桌面端滚动的元素是 document.documentElement。滚动的元素不一致

     window.pageYOffset 兼容性较好(IE9+),桌面端与移动端都支持。是可读属性,不可设置

     document.scrollingElement.scrollTop 为新属性,直接动态识别滚动容器。在桌面端就是document.documentElement,在移动端就指document.body。还没有在实际项目中用过,安卓5以上支持,以后可以试试。

    总结:获取页面滚动高度的比较好的方式为

    var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
  • 相关阅读:
    73. Set Matrix Zeroes
    289. Game of Live
    212. Word Search II
    79. Word Search
    142. Linked List Cycle II
    141. Linked List Cycle
    287. Find the Duplicate Number
    260. Single Number III
    137. Single Number II
    Oracle EBS中有关Form的触发器的执行顺序
  • 原文地址:https://www.cnblogs.com/lianglanlan/p/11552067.html
Copyright © 2011-2022 走看看