div要素の内容全体を表示するようにページをスクロールさせますか？

Question

私は、その内容を表示するためのdivを拡大して、簡単なJavaScriptのトグル機能を使用しています。 divが画面の下部にある場合、divが展開され、divの一部が画面から消えます。

にはどうすればページが自動的にdiv要素が表示されていることを確認するために、下にスクロールしてもらうことができますか？あなたのDIV含む

Answer 1

ページ上の各要素は、ドキュメントに対するオフセット値のセットを持っています。これらは$.offset()メソッドで取得できます。これにより、ページ上の要素に対するx座標とy座標が与えられます。

野生には（Ariel Fleslerの$.scrollTo()など）多くのプラグインがあり、あなたのページのスクロールをアニメーション化し、さらには提供された座標を使用します。これらの2つのアイテムを結合して、DIVのオフセット座標へのスクロールを自動化します。

ちょうどあなたのDIVがあなたのビューポートよりも背が高いではないか、あるいはあなたはそれをすべて表示するにはさらに多くをスクロールする必要がありますことを確認してください。