计算，垂直滚动容器以显示多少

Question

我有一个div容器，其高度为400且溢出为真。

它有垂直滚动条。

在div中有更多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>

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

Answer 1

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

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

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

jsFiddle example

祝你好运！