PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > JavaScript教程 > 正文

    JS中关于scrollTop的理解

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:1, 什么是scrollTop属性?假如有两个div1和div2,div1包裹着div2,并且div1的overflow为auto,div2的高度要高于div1设定的高度,于是乎,

    1, 什么是scrollTop属性?
    假如有两个div1和div2,div1包裹着div2,并且div1的overflow为auto,div2的高度要高于div1设定的高度,于是乎,div1会出现滚动条,如果你向下拉滚动条则会有一部分div2被隐藏掉(或者说卷上去),卷上去的这部分的高度就是scrollTop。
    2, 如何获取scrollTop?
    获取scrollTop,首先要获得页面元素的对象(这样说可能不对,不过我一直也是这么记的),形式也就是用“document.getElementById(“”)”等等这种方式,而不是通过obj_div.style.scrollTop来获得的,这点应该注意。
    3, 如果获得body的scrollTop?
    获取body的scrollTop几大浏览器是有些差异的,具体的我也不详细说了,说个兼容的方案:
    varbody_scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    这个是几大浏览器兼容的获取方式。
    4, 如何使用?
    如何使用就不用说些什么了,这得靠你自己想了,我还准备说一个比较重要的事件:onscroll事件,滚动条移动就会触发这个事件,如果想获取body的onscroll事件,应该使用window.onscroll =function(){}。
    5, scrollTop属性是可读写的,同样可以给它赋值来改变滚动条的位置!
    (个人的理解,术语可能有误)
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-69-1188-1.html
    相关热词搜索: