如何从每个项目的div（不是窗口）的顶部获取高度并应用于另一个div

Question

我想根据标签点击应用保证金。单击TAB 4时，内容需要位于顶部相同的位置。

Answer 1

您应该获得所点击标签的到位。如果有，可以将样式应用于内容。您可以使用Element.getBoundingClientRect()获取标签的位置。这将返回元素的left，top，right，bottom，x，y，width和height属性。

一个赛瓦特：

  

宽度和高度以外的属性相对于左上角   视口。

所以你应该考虑滚动位置。您可以通过Window.scrollY获取该内容。

从顶部开始的元素位置为：

element.getBoundingClientRect().top + window.scrollY

使用该信息，您可以应用以下样式：

var tabTopOffset = myTabElement.getBoundingClientRect().top + window.scrollY;
// var myContent = document.getElementById('#my-tab');
var myContent = document.querySelector('.my-tab'); 

myContontent.style = tabTopOffset + 'px';

Answer 2

这完美无缺

$('.field_wrapper')