2

こんにちは私はdjangoで簡単なチャットボックスを実装しようとしていますが、javascriptを使用してdivクラスの一番下までスクロールする方法を考えていましたか？基本的に、ページが読み込まれたときに、ユーザーが最新ではなく最新のメッセージを表示できるようにしたいと思います。

4

3 に答える 3

1

私は最近、同様のことのためにこれをしなければなりませんでした。要素を画面上にスムーズにスクロールする基本的なjqueryプラグインを見つけました。

(function($) {

  $.fn.scrollMinimal = function() {

    var cTop = this.offset().top;
    var cHeight = this.outerHeight(true);
    var windowTop = $(window).scrollTop();
    var visibleHeight = $(window).height();

    if (cTop < windowTop) {
      $('body').animate({'scrollTop': cTop}, 'slow', 'swing');
    } else if (cTop + cHeight > windowTop + visibleHeight) {
      $(jQuery.browser.webkit ? "body": "html")
        .animate({'scrollTop': cTop - visibleHeight + cHeight}, 'slow', 'swing');
    }
  };

}(jQuery));

これは次のように使用されます：

$('#chat').scrollMinimal();
于 2012-04-17T03:06:58.167 に答える
1

基本的なスクリプトはscrollTopをscrollHeightに設定するため、次のようなスクリプトが必要です。

var DIV = document.getElementById('theDIVElement');
DIV.scrollTop = DIV.scrollHeight;

theDIVElementDIVIDに変更するだけです。

于 2012-04-17T03:15:26.240 に答える
0

これは、チャットで使用したスクリプトです。

<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
function myScroll() { 
    window.scrollBy(0,01) 
    setTimeout('myScroll()',100); } 
if (document.layers || document.all) 
    myScroll() 
//--></SCRIPT>

これは、新しいメッセージが追加されたときにも便利です。一番下までスクロールする速度が速すぎると、読み込もうとしているときに目が疲れます。

于 2012-04-17T03:54:31.963 に答える