Javascript 计算垂直滚动容器使其可见的程度

我有一个div容器，高度为400，溢出为true

它有垂直滚动条

在该分区中包含更多html内容

现在我想得到一个子div的滚动高度，这样我就可以在代码中滚动滚动滚动条了

    <div id="container">
    <div id="b1">
    // let say it's height is 200px so that next div is not visible
    </div>
    <div >
    // let say it's height is some i don't have
    </div>
    <div>

        <div id="b2">
            XYZ content
        </div>
    </div>
</div>

//假设它的高度是200px，所以下一个div不可见
//假设它的高度是我没有的
XYZ含量

---

//现在我想计算，我应该滚动多少才能使#b2可见？

您可以使用offsetTop来查找所需块的y坐标，但不要忘记从parentContainer的Offsetop中减去它

var container = document.getElementById('container'),
    b2 = document.getElementById('b2');

container.scrollTop = b2.offsetTop - container.offsetTop;

---

祝你好运

您可以使用offsetTop来查找所需块的y坐标，但不要忘记从parentContainer的offsetTop中减去它

var container = document.getElementById('container'),
    b2 = document.getElementById('b2');

container.scrollTop = b2.offsetTop - container.offsetTop;

---

祝你好运

您可以使用offsetTop来查找所需块的y坐标，但不要忘记从parentContainer的offsetTop中减去它

var container = document.getElementById('container'),
    b2 = document.getElementById('b2');

container.scrollTop = b2.offsetTop - container.offsetTop;

---

祝你好运

您可以使用offsetTop来查找所需块的y坐标，但不要忘记从parentContainer的offsetTop中减去它

var container = document.getElementById('container'),
    b2 = document.getElementById('b2');

container.scrollTop = b2.offsetTop - container.offsetTop;

祝你好运