还是上面那张图,div的offsetTop为20,因为margin-top是20,距离html顶部的距离是20… scrollHeight,只读 实话,这么久了,竟然一直搞错这个scroll相关属性,其实它描述的是outer的属性,而窝一直取inner的属性值,难怪scrollTop一直是0。。。 代码语言:javascript 代码运行次数:0 运行 AI代码解释 <!D
可以使用window.pageYOffset或者document.documentElement.scrollTop Safari: safari: window.pageYOffset 与document.body.scrollTop都可以; Firefox: 火狐等等相对标准些的浏览器就省心多了,直接用window.pageYOffset 或者 document.documentElement.scrollTop ...
与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值 4.offsetHeight :与style.height属性的区别在于:如对象的宽度设定值为百分比高度,则无论页面变大还是变小,style.height都返回...
与style.width属性的差别在于:如对象的宽度设定值为百分比宽度,则不管页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值 4.offsetHeight : 与style.height属性的差别在于:如对象的宽度设定值为百分比高度,则不管页面变大还是变小,style.height都返回此百分比,而o...
由于为外层元素 p 设置了 scrollTop,所以内层元素会向上卷。 scrollLeft 也是类似道理。 我们已经知道 offsetHeight 是自身元素的宽度。 而scrollHeight 是内部元素的绝对宽度,包含内部元素的隐藏的部分。 上述中 p 的 scrollHeight 为 300,而 p 的 offsetHeight 为 100。
他一直在offsetLeft。offsetTop,scrollLeft。scrollTop这些方法都是非常迷茫,花一天的时间学习好.将得到的结果如下: 1.offsetTop : 当前对象到其上级层顶部的距离. 不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性. 2.offsetLeft : 当前对象到其上级层左边的距离. ...
scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。1.offsetTop :当前对象到其上级层顶部的距离.不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.2.offsetLeft :当前对象到其上级层左边的距离.不能对其进行赋值.设置对象到页面左部...
DOM对象的offsetTop与scrollTop完全不同，它是上边框相对于父元素上边框的距离，一般是固定的，不随滚动变化。这两个都能返回视窗滚动过的距离，相对来说，pageYOffset兼容性更好，一般我们只用 pageYOffset就行。但两者都不兼容IE9以下，另外 scrollY 可以赋值，让视窗滚动到指定位置。pageYOffser和...
一、offsetWidth|offsetHeight = 内容 + padding + border【不包括滚动条,overflow折叠起来的部分,相当于盒模型取掉marge】 offsetTop|offsetLeft表示元素本身距离父级定位元素的距离,如果父级元素没有定位就相对于body 二、clientWidth|clientHeigh = 内容 + padding【不包括border,滚动条,overflow折叠起来的部分】 ...
还是上面那张图,div的offsetTop为20,因为margin-top是20,距离html顶部的距离是20... scrollHeight,只读 实话,这么久了,竟然一直搞错这个scroll相关属性,其实它描述的是outer的属性,而窝一直取inner的属性值,难怪scrollTop一直是0。。。 <!DOCTYPE html>Document#outer{margin:100px 50px;background:url(http://...