この質問は、スタックオーバーフローに投稿された他の多くの質問と非常によく似ています。コードに基づいたいくつかの解決策を見つけましたが、探しているもの、Overstack、yelotofu 、およびいくつかの同様の投稿... (これは、数日前に投稿した別の質問に関連していますが、回答を得たので、今では非アクティブになっていると確信しています)。
だから私は基本的にajaxチャットアプリケーションを作成しました。divのスクロールバーがボタンにあるかどうかを確認し、メッセージが表示されている場合はスクロールします。これを行う3つの主な方法を見つけました(基本は他の方法と同じだったため、そのうちの1つを削除しました)
また:
if($("#chatscreen")[0].scrollHeight - $("#chatscreen").scrollTop() == $("#chatscreen").outerHeight())
{
alert("work");
}
また
$("#chatscreen").scroll(function(){
if($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight())
{
alert("work");
}
});
Firefox、Internet Explorer、および Chrome で最初のコードをテストしました。Firefox と Internet Explorer ではうまく機能しましたが、Chrome ではうまくいきませんでした。
それらの間の唯一の本当の違いは$("#chatscreen").scroll(function(){
、スクロールバーが使用されているときに基本的にスクリプトを実行し続けることであり、何らかの理由でこれが機能し、使用できないようにしようとした3つのブラウザーすべてにバグが発生しました。
そのため、Firefox、Chrome、および Internet Explorer の両方で機能する優れた代替手段を見つけようとしています。
あなたが提供できる助け/アドバイスをありがとう。