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 に 1 つの内部 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