jquery - 部分的に隠れている場合はdivの位置を変更

Question

div が部分的に非表示になっている場合、div の位置を動的に変更する方法を教えてください。を持つメインラッパーdivがありますoverflow:hidden。アニメーションを使用しているため、これを変更することはできません。

ボタンがクリックされたときに div が部分的または完全に非表示になっているかどうかを動的に検出し、その位置を変更するにはどうすればよいですか。

Answer 1

offset()との組み合わせを使用してouterHeight()、div の下部の y 座標を見つけ、それがウィンドウの高さより大きいかどうかを確認します。その場合は、上に移動します。

これは、スクロールしないページで機能します。ページがスクロールする場合は、もう少し複雑になります。