zoukankan      html  css  js  c++  java
  • scrollTop, pageYOffset, scrollY 以及offsetTop 的区别



    scrollTop, offsetTop, pageYOffset, scrollY 的区别

    scrollTop

    DOM对象的scrollTop用于获取或者设置一个元素里滚动的距离(垂直)。例如:document.documentElement.scrollTop可以获取当前页面的滚动高度,也可以获取某个DOM元素的滚动距离,例如:document.querySelector('.content').scrollTop,前提是.content元素存在,并且可以滚动。
    另外,scrollTop还可以把滚动条移到指定位置,例如:

    // 回到顶部
    document.documentElement.scrollTop = 0;
    

    offsetTop

    DOM对象的offsetTopscrollTop完全不同,它是上边框相对于父元素上边框的距离,一般是固定的,不随滚动变化。

    pageYOffset 和 scrollY

    这两个都能返回视窗滚动过的距离,相对来说,pageYOffset兼容性更好,一般我们只用 pageYOffset就行。但两者都不兼容IE9以下,另外 scrollY 可以赋值,让视窗滚动到指定位置。pageYOffserscrollY都与scrollTop不同,pageYOffsetscrollY都只存在window对象里。

    看下面等式:

    document.documentElement.scrollTop === window.pageYOffset === scrollY
    
  • 相关阅读:
    周总结14
    周总结13
    周总结12
    周总结11
    周总结10
    Pytorch实现GCN、GraphSAGE、GAT
    pytorch在损失函数中为权重添加L1正则化
    conda安装虚拟环境或者软件包时一直报错
    各种报错
    Pytorch-torchtext的使用
  • 原文地址:https://www.cnblogs.com/chenhaonan-nickyoung/p/13921126.html
Copyright © 2011-2022 走看看