jqueryを使用してモーダル内の要素にスクロールする方法はありますか？

Question

私は、行単位で要素を挿入するオープンモーダルを持っています。各行には独自のIDタグがあります。現在、リストがモーダルウィンドウよりも大きくなるにつれて、テキストはモーダルウィンドウの一番下に隠れてしまいます。手動でスクロールバーを使用することができますが、テキストをモーダルウィンドウでスクロールして印刷します。

私は次のコードで遊んでいますが、それは単にモーダルの後ろのウェブページをスクロールします。私は、 'html、body'をモーダル要素で置き換えてみました。

$('html, body').animate({ scrollTop: $('#Element').offset().top }, 500); 

私は閉じると確信しています。助言がありますか？

ありがとう

Answer 1

htmlとbodyでアニメーションメソッドを呼び出すようです。

$('html, body').animate(...); 

モーダルウィンドウをスクロールするには、代わりにその要素のアニメーションメソッドを呼び出す必要があります。

$('#modal').animate(...); 

ここで、#modalは、作成した要素を含む要素です。

編集：

私はあなたがモーダルにアニメーションを呼び出すことを試みたことがわかります。 Hereは、ボタンをクリックするとモーダルの要素をスクロールするフィドルです。あなたはスクリプトがエラーを引き起こしている#Element後に閉じ括弧を持っているコードでも

：...scrollTop: $('#Element'])...

Answer 2

あなたが隠されて得ている内容を確認したい場合は、処理するために、DIVにCSSスタイルを追加することができますオーバーフロー。コンテンツがDIVの表示領域を超えたら、これは自動的に垂直スクロールバーを作成します。

$("#someDivID").css("overflow","auto"); 

以下のURLですべてのプロパティを参照できます。

http://www.w3schools.com/cssref/pr_pos_overflow.asp

役に立てば幸い！