0

jqueryを使用して動的divを作成し、ページの読み込み中にdivのスクロールバーを画面の下部から開始し、新しい情報が来ると自動的に下がるようにします。私のコードはFirefoxとInternetExplorerで正常に機能しているようですが、Chromeでは機能していないようです。その理由はよくわかりません。

$(function(){
    $("#divID").scrollTop($("#divID")[0].scrollHeight);

    $("#divID").scroll(function(){
        if($(this)[0].scrollHeight - $(this).scrollTop() === $(this).outerHeight())
        {
            //added alert here because i know the scrolling down code works...
            alert(1);
        }
    });​
}

私はいたるところを見て、バーを下にスクロールするためにさまざまな方法を試しましたが、役に立たなかったので、chromeはこれが機能することを望んでいないようです。

これを修正する方法についてアドバイスをいただければ幸いです。

編集：これが デモデモです

もう一度編集：申し訳ありませんが、自分自身を説明するのが苦手です。最善を尽くして、画面が読み込まれたときにメッセージボックスを表示する必要があります。

4

1 に答える 1

0

最初にスクロールするまでイベントリスナーを設定しないため、イベントは発生しません。次のコードを試してください。

デモ： http： //jsfiddle.net/SO_AMK/watWg/

jQuery：

$("#divID").scroll(function(){
    if($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight())
    {
        alert(1);
    }
}).scrollTop($("#divID")[0].scrollHeight);​

または、必要に応じて、プレーンJavaScriptを使用して実行できます：http：//jsfiddle.net/SO_AMK/eJCnU/

于 2012-10-18T19:47:58.180 に答える