1

我必须滚动div块而不是窗口滚动，我希望这个块将一直到页面的末尾，如果它更长，那么滚动 - 它必须出现。

我有这样的html：

<body>
    <div id='header'>
    </div>
    <div id='content'>
        <div id='main'>
            <div id='options'>
            </div>
            <!-- other blocks -->
            <div id='scrorable'> <!-- This div i want to scroll instead of window -->
                <table>
                </table>
            </div>
        </div>
    </div>
</body>

而且我还使用了现在可以在窗口滚动上使用的无限滚动：

$(window).scroll(function()
{
    if($(window).scrollTop() >= $(document).height() - $(window).height() - 200)
    {
        //ajax Call and append income data to html 
    }
});

我还需要根据滚动 div（不是窗口）更改此代码。

更新：我以这种方式出售的无限滚动问题：

在我的滚动 div 中插入一个内部 div：

<div id='scrorable'>
    <div id='scrorable-inner'> <!--My inner div-->
        <-- content -->
        <table>
        </table>
    </div>                    
</div>

和我更改的内部滚动代码：

$('div#scrorable').scroll(function()
{
        if($('div#scrorable').scrollTop() >= $('div#scrorable-inner').height() - $'div#scrorable').height() - 200)
        {
            //ajax Call and append income data to html 
        }
});

更新：

现在我用

  $('div#scrorable').height($(window).height()-300);

设置该块的高度。我使用 ($(window).height() - 页眉和页脚的高度 (300px))

4

0 回答 0