滚动容器中Element offsetTop值未变化的技术咨询
关于
offsetTop属性检测元素超出容器边界的问题 我尝试通过offsetTop属性检测元素何时超出容器边界,但该属性未返回预期结果。
根据MDN对offsetTop属性的定义:
HTMLElement.offsetTop只读属性返回当前元素外边框到最近定位祖先元素offsetParent顶部内边框的距离。
在我的示例中,#target元素的offsetParent是#container(最近的定位祖先),我认为滚动#container时target.offsetTop的值应该变化,但实际该值完全没有改变(已确保示例中的文本会随滚动更新)。
我是否误解了该属性?还是我的操作导致其表现与定义不符?
补充说明: 我确实误解了该属性,当前MDN文档描述存在误导。MDN称offsetTop相对于offsetParent的“顶部内边框”,但CSS规范明确其是相对于offsetParent的padding-edge计算,而非MDN暗示的border-edge。
内容的提问来源于stack exchange,提问作者epiqu1n
相关产品推荐
相关产品推荐

