jQuery在附加内容时更改.height

Question

我有这个 jQuery 函数，它可以获取我的 document 的高度并将 div 粘贴到视图上。

当加载 DOM 时内容已经在这里时，它可以正常工作，但是如果我将一些 li 附加到我的容器中，我想刷新此函数以获取新的文档高度

这是js代码：

$(function()
{
    var documentHeight = 0;
    var topPadding = 55;

    var offset = $("#sidebar").offset();
    documentHeight = $(document).height();
    $(window).scroll(function() {
        var sideBarHeight = $("#sidebar").height();
        if ($(window).scrollTop() > offset.top)
        {
            var newPosition = ($(window).scrollTop() - offset.top) + topPadding;
            var maxPosition = documentHeight - (sideBarHeight + 100);
            if (newPosition > maxPosition)
            {
                newPosition = maxPosition;
            }
            $("#sidebar").stop().animate({
                marginTop: newPosition
            });
        }
        else
        {
            $("#sidebar").stop().animate({
                marginTop: 0
            });
        };
    });
});

以及HTML的结构：

<div id="single_content">
    <ul>
        <li>...</li>
        <li>...</li>
        <li>...</li>
        ...
    <ul>
</div>

我认为我需要 on.change > 更新文档高度以在我的函数中使用？

感谢您的帮助！

已解决：

我找到了解决方案，方法是将这个：$(document).height(); 放在 $(window).scroll(function() {}); 中

感谢您的回答！

Answer 1

$(window).scroll(function() {
    documentHeight = $(document).height(); // put this line inside scroll
    // the rest of code
});