画面上のどこかにスクロール可能な div があります。
そのdivのどこかに子がいます。
div をスクロールして、この子を表示領域の中央に配置するにはどうすればよいですか?
(div の表示可能な幅と高さを決定するにはどうすればよいですか? また、スクロールして、この中央に長方形のコントロールを配置するにはどうすればよいでしょうか?)
画面上のどこかにスクロール可能な div があります。
そのdivのどこかに子がいます。
div をスクロールして、この子を表示領域の中央に配置するにはどうすればよいですか?
(div の表示可能な幅と高さを決定するにはどうすればよいですか? また、スクロールして、この中央に長方形のコントロールを配置するにはどうすればよいでしょうか?)
jQuery を使用している場合は、scrollToプラグインを試すことができます。
純粋な js では、これはelement.scrollTopを使用して実行できます。<div>
内部の要素の位置を取得し、その値を使用してメイン div をスクロールする必要があります。
内側の要素の位置を計算するには、 offsetTopおよびoffsetLeftプロパティを使用して、親要素に関連するオフセットの上と左のプロパティを取得する必要があります。
要素を中央に配置するには、 element.scrollLeftも使用する必要がある場合があります