スクロール可能なdivの中心ビューの子を配置する

私はスクロール可能なdivを画面上のどこかに持っています。スクロール可能なdivの中心ビューの子を配置する

私はそのdivのどこかにそのdivの子を持っています。

この子を表示領域の中央に配置するには、divをスクロールするにはどうすればよいですか？

（どのように私はdiv要素の表示幅と高さを決定するであろう、そしてどのように私はこれを中心に長方形のコントロールを配置するためにスクロールするのでしょうか？）

2012-04-18 Will

を使用する必要がありますかユーザーいくつかのライブラリ、jQueryの例えば？ – antyrat

私は純粋なJSを持つことを好むでしょう。 jQueryを使ってそれを行う方法を説明することはもちろん、他の読者にとっても役に立つかもしれません。私はそれもアップアップします;） – Will

element.scrollIntoView()あなたが探してどのようなことがあります。

2012-04-18 10:15:14

どのようにそれを中心にしますか？ – Will

スクロール領域のサイズに一致し、その要素のコンテンツを中央に配置した要素に対して 'scrollintoview（）'を使用するとできます。 –

どのようにして可視領域のサイズを決定しますか？ – Will

あなたはjQueryのを使用する場合は、scrollToプラグインを試すことができます。

純粋なjsでこれはelement.scrollTopを使用して行うことができます。あなたは要素の位置を<div>の中に入れ、その値をスクロールメインdivよりも使用する必要があります。

内部要素の位置を計算するには、offsetTopとoffsetLeftのプロパティを使用して、親要素に関連するtopおよびleftプロパティのオフセットを取得する必要があります。

あなたの要素を中央に、あなたはまた、あなたが純粋なJSを使用していることを行う必要がありelement.scrollLeft

2012-04-18 10:16:18 antyrat

'scrollTop'と' scrollLeft'に送るオフセットをどのように計算しますか？ – Will

私は自分の質問を更新しました。 – antyrat

確かにdivの目に見えるサイズも知っている必要がありますか？私はコンテンツサイズを取得する方法を検討しましたが、ウィンドウ内のサイズは取得しません – Will

答えて