jQuery animate/scrollTopが機能しない（クロム拡張機能）

基本的なテキストメッセージアプリを実装しようとしていて、スクロール可能なdivが下にスクロールしたままにしたいのですが、常に上に残ります。私はメッセージと呼ばれるdivを持っていて、そのdivの中に私は歴史と呼ばれる別のdivを持っています。私は動的にjQueryを使用してヒストリのIDを持つdivにタグを追加しています。jQuery animate/scrollTopが機能しない（クロム拡張機能）

$('#message #history').animate({scrollTop:$('#history').prop("scrollHeight")}, 500);

しかし、何のアニメーションが発生しないと、スクロールバーが上にとどまる：ループのそれは当然だ実行され、すべてのコンテンツは、履歴のdivに追加された後、私はこのラインを持っています。

私はこのCSSを持っている：

#message{ 
overflow: scroll; 
height:400px; 
}

出典

2017-03-02 Kennon Young

トピックにする質問を編集してください：問題を複製する[mcve]を含めてください。 Chrome拡張機能やFirefox WebExtensionsの場合、通常、* manifest.json *と背景、コンテンツ、ポップアップスクリプト/ HTMLのいずれかを含める必要があります。（1）望ましい動作、（2）特定の問題またはエラー、（3）それを再現するために必要な最短のコードを含める必要があります。質問自体に*。また、[ここで私はどのような話題を聞くことができますか？]（http://stackoverflow.com/help/on-topic）、[ask]を参照してください。 – Makyen

これ以上の情報がなければ、この質問はChrome拡張環境外で複製できるようです。その場合は、ご質問に[スニペット]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）を使用することを検討して、読者はすぐに問題の内容を確認してください。 – Makyen

あなたはあなたの指定されたレベルにスクロールします、ここで高さを指定することができます$(document).scrollTop(90);

を使用してみました。

出典

2017-03-02 18:27:57 Ronald

私はそのコードを試しましたが、divはまだ一番上に固定されています。 –

あなたは位置を追加することができます：絶対;あなたのCSSに？あなたはCSSの高さ： 'auto'属性を試しましたか？ – Ronald

私はposition：absoluteを追加すると、私のメッセージはもう見えません。私は明らかに400pxを超えてボックスを拡張する高さautoを追加しましたが、スクロールバーはまだ移動しません。 –

jQuery animate/scrollTopが機能しない（クロム拡張機能）

答えて

関連する問題