Javascript 相对于JS中的parent.parent容器的position元素?没有绝对/固定定位?
我有一个棘手的问题,我正在拼命寻找一个可行的解决方案 一个articlepost和一个asidesidebar并排浮动——相当简单。 在我的文章中有一个h1和一个div.post条目 我想知道我是否能以某种方式确定div.post条目到外部容器部分内容的相对偏移量。我想这样做的原因是,我可以定位浮动边栏,边距顶部与“div.post-entry”的高度相同 以下是我当前html结构的模型: 你知道为什么这对我也不起作用吗?为什么我在这里得不到offsetTop值的定义。有一个填充至少为30px的大屏幕可以抵消div.post条目 对那件事有什么想法吗?Javascript 相对于JS中的parent.parent容器的position元素?没有绝对/固定定位?,javascript,jquery,zepto,Javascript,Jquery,Zepto,我有一个棘手的问题,我正在拼命寻找一个可行的解决方案 一个articlepost和一个asidesidebar并排浮动——相当简单。 在我的文章中有一个h1和一个div.post条目 我想知道我是否能以某种方式确定div.post条目到外部容器部分内容的相对偏移量。我想这样做的原因是,我可以定位浮动边栏,边距顶部与“div.post-entry”的高度相同 以下是我当前html结构的模型: 你知道为什么这对我也不起作用吗?为什么我在这里得不到offsetTop值的定义。有一个填充至少为30px的
也许还有其他很酷的解决方法?我只想让asidesidebar从与div.post-entry相同的高度开始,但我不想更改标记。您需要从jQuery对象中选择DOM元素
var articleOffset = $('.post-content')[0].offsetTop;
好的,谢谢。这不会返回未定义的值,但返回的值与$'.post content.offset…so$'.post content'[0]相同;以某种方式返回元素与文档的偏移量,而不是与其父元素的偏移量。我想知道文章中的抵消,甚至是部分内容。明白了。我需要设置位置:相对于元素的包装器。
var articleOffset = $('.post-entry').offsetTop;
console.log($('.post-entry')); //found and exists
console.log(articleOffset); undefined
var articleOffset = $('.post-content')[0].offsetTop;