JS ,offsetParent,scrollTop 相关

最新推荐文章于 2020-04-30 09:52:31 发布
原创 最新推荐文章于 2020-04-30 09:52:31 发布 · 204 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了offsetParent属性及其在不同浏览器环境下的表现，同时介绍了如何使用JS scrollTop来实现页面滚动操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

copy：
offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时（译注：IE和Opera除外），offsetParent属性 返回 null。

JS scrollTop：
http://hi.baidu.com/taomin15201212/item/7b7d0f140d61af0f8ebde433
flyfx52
关注
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
12-09
在JavaScript中，`scrollHeight`, `scrollWidth`, `scrollLeft`, 和 `scrollTop` 是与元素滚动相关的属性，它们用于获取和设置元素的滚动位置和大小。以下是对这些属性的详细解释： 1. `scrollHeight`: - `...
scrollTop 用法说明
09-06
总的来说，`scrollTop`是JavaScript中处理元素滚动的重要属性，能够帮助开发者精确控制和监测页面或元素的滚动状态，从而创建丰富的用户体验。理解和熟练运用`scrollTop`，对于进行网页布局和交互设计具有非常重要的...
JS OffsetParent属性
weixin_34010566的博客
02-20 108
   offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时（译注：...
被遗忘的知识-js.offsetParent属性
Dead_Knight的专栏
03-10 256
offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时（译注：IE和...
js.offsetParent属性
weinideai的专栏
04-02 1867
 参考：offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时（
jQuery offset，position，offsetParent，scrollLeft，scrollTop html控件定位 css position
weixin_33885676的博客
08-28 157
定位应用：点击一个按钮，然后在按钮的右边弹出一个提示框 1，提示框相对于屏幕进行定位，那么使用offset来取得当前按钮相对于body的top和left，然后通过$('body').prepend(tipContent);把提示控件加到body下 注意tipContent采用absolute定位，并设置top，left的值，当把tipContent加到body的最前面时，由于tipContent...
关于JSP中的offsetparent
Sir_LuciFer的专栏
09-24 516
这个系列文章主要是讲述实现Javascript拖拽功能的基础知识，并将在最后给出一个完整的示例。适合对拖拽完全不懂的人阅读。第一篇就先讲讲Javascript中的offsetParent属性吧。  支持的浏览器：Internet Explorer 4.0+，Mozilla 1.0+，Netscape 6.0+，Opera 7.0+，Safari 1.0+ 
理解JavaScript中的offsetLet,offsetTop,scrollLeft,scrollTop
"这篇文章主要介绍了JavaScript中用于获取元素位置和尺寸的几个关键属性：offsetLeft、offsetTop、scrollLeft和scrollTop，以及相关的offsetParent、clientHeight、offsetHeight和scrollHeight。通过理解这些属性，...
JavaScript滚动属性详解：scrollTop、scrollHeight、offsetTop与offsetHeight
"这篇学习笔记主要探讨了JavaScript中与页面滚动相关的几个重要属性：scrollTop、scrollHeight、offsetTop和offsetHeight。这些属性在处理页面布局和动态效果时扮演着重要角色，尤其对于开发者来说，理解它们的工作...
offsetParent 详解
a634814086的博客
10-06 335
网上对offsetParent和parentNode差异的解释都是同一篇文章千篇一律，讲的不是很清楚。 offsetParent用的最普遍的就是来计算元素在页面中的位置，前面的日志理讲了 通过getBoundingClientRect() 来获取页面中元素的位置，不过这只支持最新的浏览器，如果要兼容像Opera9.2和Firefox2以及Safair任何版本都只能通过offset...
offsetParent.scrollTop IE下一直报错，说“缺少对象”
weixin_34261739的博客
12-07 418
<div style="position:fiexd; top:135px;_position: absolute; right: 0pt; _top:expression_r(offsetParent.scrollTop+135);z-index: 100;"> 这个css在IE下一直报错，说“缺少对象”，而修改为： <div style="position:f...
关于JavaScript的OffsetParent属性
JiangKan的专栏
08-20 959
1）当某个页面元素及其DOM结构层次中元素都未进行进行CSS定位时(position：absolute或者relative），该元素的offsetParent属性的取值为根元素，通常为Body。 2）当某个页面元素的父元素进行了CSS定位（position：absolute或者relative），则该元素的offsetParent属性取值为其父元素，该元素的各种偏移量计算（offsetTop、o
offsetParent
qq_45768871的博客
04-30 1352
offsetParent HTMLElement.offsetParent 是一个只读属性，返回一个指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的 table,td,th,body元素。当元素的 style.display 设置为 “none” 时，offsetParent 返回 null。offsetParent 很有用，因为 offsetTop 和 offsetLeft 都是相...
属性/css~位置.offset()&offsetParent()&position()&scrollTop()&scrollLeft()
weixin_30583563的博客
06-28 148
offset().left; offset().top; 利用offset获取值只能获取左边距以及上边距（是相对于document来计算的） 设置对象的top和left也是一样 obj.offset({left:100,top: 100}); offsetParent()　　不能穿值的方法 它的作用是获取当前对象的上级定位元素如postion,relative,fixed ...
offsetTop.offsetLeft,offsetWidth,offsetHeight,offsetParent,scrollTop,scrollLeft,scrollWidth,scrollHeight区别
lein_wang的专栏
11-17 2202
 ------------第一种：offset------------------------------------1.offsetTop     :当前对象到其上级层顶部的距离.不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.2.offsetLeft    :当前对象到其上级层左边的距离.不能对其进行赋值.设置对象到页面左部的距离请用style.l
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值