私はウェブチャットを行っています。私はchatbodyというdivを持っています。最後のメッセージが表示されるようにjavascriptを使ってdivを下にスクロールします。しかし、私が使用しているコードは、代わりに上にスクロールします。コードは次のとおりです。最後にメッセージを表示するようにdivにスクロールする
<script type="text/javascript">
function chatbody() {
var myDiv = document.getElementByClassName('chatbody');
myDiv.innerHTML = variableLongText;
myDiv.scrollTop = 0;
}
</script>
私の問題を解決するために親切に助けてください。
*「しかし、私はそれが代わりにトップにスクロールを使用していたコード」*いいえ、それはないとして、あなたの変数を渡すことができます。 'TypeError'で失敗すると、' document'には 'getElementByClassName'関数がありません(あなたが追加していない限り)。 1つの要素ではなく、[リストを返す](getStartoverflow.com/questions/10693845/what-do-queryselectorall-getelementsbyclassname-and-other-getelementsby-method)の 'getElementsByClassName'(複数の記述に注意してください)があります。 –
これとは別に、あなたのコード**が上にスクロールした場合、それについて少し考えて研究をするならば、下にスクロールできるはずです。考えてみましょう:あなたは何を変える必要がありますか?この 'scrollTop'のことは何ですか? –
[divの一番下までスクロールする]の複製があります(https://stackoverflow.com/questions/270612/scroll-to-bottom-of-div) – prasanth