スクロールしないとスクロールするだけで

Question

私は自分自身がJSに再び不満を感じています。助けてください！

以下は、AJAXリクエストを使用してテキストファイルからコンテンツをリフレッシュする簡単なチャットアプリケーション用のコードです。同時に、ウィンドウの下にスクロールします。私はそれがリフレッシュするときに、それらを下に送信することによってこの行動をinteruptingしないで追いつくためにユーザーがスクロールする場合、それが欲しいです。どうすればこのことができますか？

<script> 

$(function() { 
    startRefresh(); 
}); 
function startRefresh() { 
    setTimeout(startRefresh,3000); 

    $.post('pollchat.php', function(data) { 
     $('#content_div_id').html(data); 
     var wtf = $('#content_div_id'); 
     var height = wtf[0].scrollHeight; 
     wtf.scrollTop(height); 
    }); 
} 
</script> 

大変助かりました。

Answer 1

は、私は現在のスクロール位置を使用してUPDATE

$(function() { 
 
    startRefresh(); 
 
}); 
 

 
function startRefresh() { 
 
    setTimeout(startRefresh, 1000); 
 
    var wtf = $('#content_div_id'); 
 
    var currentScrollPos = wtf.scrollTop(); 
 
    var elementHeight = wtf[0].scrollHeight; 
 
    var scroll = false; 
 

 
    //User has scrolled, don't set scroll 
 
    if (wtf.height() + currentScrollPos >= elementHeight) { 
 
    scroll = true; 
 
    } 
 

 
    var data = $('#content_div_id').html(); 
 
    data += "Some Text<br/>"; 
 
    $('#content_div_id').html(data); 
 

 
    if (scroll) { 
 
    var height = wtf[0].scrollHeight; 
 
    wtf.scrollTop(height); 
 
    } 
 
}

#content_div_id { 
 
    max-height: 100px; 
 
    overflow-y: scroll; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="content_div_id"> 
 
    Some Text 
 
    <br/>Some Text 
 
    <br/>Some Text 
 
    <br/>Some Text 
 
    <br/> 
 
</div>

...ユーザーがスクロールしたかどうかということにカウントしている方法を参照してください： すると、このコードを試してみてください、あなたはおそらく修正する必要があります1つまたは2つのもの..しかし、コードを見て、アイデアを得る

$(function() { 
    startRefresh(); 
}); 
function startRefresh() { 
    setTimeout(startRefresh,3000); 

    $.post('pollchat.php', function(data) { 
     var wtf = $('#content_div_id'); 
     var currentScrollPos = wtf.scrollTop(); 
     var elementHeight = wtf[0].scrollHeight; 
     var scroll = false; 

     //User has scrolled, don't set scroll 
     if (wtf.height() + currentScrollPos >= elementHeight) { 
      scroll = true; 
     } 

     $('#content_div_id').html(data); 
     if (scroll) { 
      var height = wtf[0].scrollHeight; 
      wtf.scrollTop(height); 
     } 
    }); 
}