zoukankan      html  css  js  c++  java
  • scrollTop()和document.body.scrollTop的区别

    我们都知道jquery用着比原生的JS要方便很多,但有一些方法还是有一些差别的,下面记录一下我在做全屏滚动的时候遇到的scrollTop的问题:
    正常情况下,scrollTop()和document.body.scrollTop获取到的值是一样的,因为scrollTop()就是document.body.scrollTop封装得来的。
    但是在整屏滚动的页面上,两者的值却是不同的:
    当我们刷新页面的时候,在不执行滚动事件时,jQuery的scrollTop()的值一直等于0;但是,JS原生的document.body.scrollTop 却可以获取到当前页面被卷去的高度。
    也就是说,scrollTop()只有触发滚轮事件才可以获取到值;document.body.scrollTop 却是不用事件驱动也能获取到值的。
    原生JS的兼容性:document.body.scrollTop //非IE
    document.documentElement.scrollTop //IE

  • 相关阅读:
    响应式开发
    webstrom配置
    CSS水平垂直居中
    CSS3里的 转换与过渡动效
    CSS布局
    CSS定宽居中的实现方案
    Flex布局篇2
    编辑器中快速生成代码——emmet输入法
    display:flex实践加感悟
    websocket connet.js
  • 原文地址:https://www.cnblogs.com/rainbow8590/p/7096103.html
Copyright © 2011-2022 走看看