0

ボタンをクリックしたときにページの最後に移動したい.私はこのdivにデータを持っています(サーバーから来ています)。しかし、div の高さを指定すると機能しません。div から高さを削除すると、機能します。

<div id="realTimeContents" class ="left realtimeContend_h" style="width:97%; height:850px">
</div>

詳しく説明します。サーバーからデータを取得するときに、自動スクロールでデータを追加します (そのため、div の高さが必要です)。しかし、高さを与えると、ページの最後に行くのをやめます

function nativePluginResultHandler (result)
{
    $('#realTimeContents' ).append(result);

    var elem = document.getElementById('realTimeContents');// just to scroll down the line 
    elem.scrollTop = elem.scrollHeight;
}

ここにフィドルがあります。 http://jsfiddle.net/ravi1989/s66Ww/

4

4 に答える 4

2

以下を試してください：

var $div = $("#realTimeContents");

$("#btnScroll").on("click",function(){    
    $div.scrollTop($div[0].scrollHeight);
});

ここで働くフィドル：http://jsfiddle.net/s66Ww/2/

それが役に立てば幸い。

于 2013-08-05T06:21:23.390 に答える