この質問と同様に、クリックするとチャットスタイルのバブルでいっぱいになるdivのあるページもあります。クリックするたびに1つの新しい「バブル」が表示されます。これらはすべて、高さが設定されていない.contentdivに含まれています。
ただし、バブルの1つがブラウザウィンドウの高さより下に読み込まれた場合、ページは自動的に下にスクロールしません。また、読み込まれるはずのコンテンツがもうないことを知らないと不満を言う人が何人かいました。
私が投稿した質問で推奨されているように、私はこのスクリプトをページの最後に追加しようとしました。
$(document).ready(function() {
$(".content").click(function() {
$(".content").animate({ scrollTop: $(".content")[0].scrollHeight}, 1000);
});
});
しかし、それはまったく何もしていないようです...私は明らかな何かを見逃していますか?
私もjsfiddleを設定し、クリックに対する各バブルの読み込みの影響を取り除きました。クリック時にdivの一番下までスクロールする効果も機能していないようですが、私は超初心者で、これをすべて理解しようとしているので、どんな助けでも大歓迎です!! 前もって感謝します
私のアップデートをチェックしてください
$(document).ready(function() {
$(".content").click(function() {
$("html, body").animate({ scrollTop: $(".content")[0].scrollHeight}, 1000);
});
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加