还是上面那张图,div的offsetTop为20,因为margin-top是20,距离html顶部的距离是20… scrollHeight,只读 实话,这么久了,竟然一直搞错这个scroll相关属性,其实它描述的是outer的属性,而窝一直取inner的属性值,难怪scrollTop一直是0。。。 代码语言:javascript 代码运行次数:0 运行 AI代码解释 <!DOCTYPEhtml>Document#out...
scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。1.offsetTop ? ? :当前对象到其上级层顶部的距离.不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.2.offsetLeft ? ?:当前对象到其上级层左边的距离.不能对其进行赋值.设置对象到页面...
由于为外层元素 p 设置了 scrollTop,所以内层元素会向上卷,这卷起来的部分就是 scrollTop。 scrollLeft 也是类似道理。 我们已经知道 offsetHeight 是自身元素的宽度,而 scrollHeight 是内部元素的绝对宽度,包含内部元素的隐藏的部分。上述中 p 的 scrollHeight 为 300,而 p 的 offsetHeight 为 100。 scrollWidth ...
即是在出现了横向滚动栏的情况下,滚动栏拉动的距离. 7.scrollTop 对象的最顶部到对象在当前窗体显示的范围内的顶边的距离. 即是在出现了纵向滚动栏的情况下,滚动栏拉动的距离. 8.測试offsetTop和scrollTop的html代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITL...
他一直在offsetLeft。offsetTop,scrollLeft。scrollTop这些方法都是非常迷茫,花一天的时间学习好.将得到的结果如下: 1.offsetTop : 当前对象到其上级层顶部的距离. 不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性. 2.offsetLeft : 当前对象到其上级层左边的距离. ...
1.各浏览器下 scrollTop的差异: IE6/7/8: 可以使用 document.documentElement.scrollTop; IE9及以上: 可以使用window.pageYOffset或者document.documentElement.scrollTop Safari: safari: window.pageYOffset 与document.body.scrollTop都可以; ...
scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。1.offsetTop :当前对象到其上级层顶部的距离.不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.2.offsetLeft :当前对象到其上级层左边的距离.不能对其进行赋值.设置对象到页面左部...
你好 关于offsetTop和scrollTop的区别：offsetTop :当前对象到其上级层顶部的距离.不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.scrollTop对象的最顶部到对象在当前窗口显示的范围内的顶边的距离．即是在出现了纵向滚动条的情况下，滚动条拉动的距离．
一向以来对offsetLeft,offsetTop,scrollLeft,scrollTop这几个办法很含混,花了一天的时候好好的进修了一下.得出了以下的成果: 1.offsetTop : 当前对象到其上级层顶部的间隔. 不克不及对其进行赋值.设置对象到页面顶部的间隔请用style.top属性. 2.offsetLeft : ...
outer.scrollTop ++ ; result.innerHTML = "container.scrollTop=" + outer.scrollTop + ",item2.offsetTop=" + item2.offsetTop; } 代码很简单,一个100px的正方形div,border边框值为15px,overflow设置为hidden(隐藏),然后里面放了二个100*60的子div,显然60*2=120px,大于最外层容器的100px高度,所以会...