下にスクロールしても、Html ドキュメントの表示部分の下部にポップアップを配置したいですか?
HTML ドキュメントがウィンドウに収まらないため、下にスクロールしてすべてを表示する必要があります。そして、スクロールするたびに見える部分が変わります。では、現在表示されているパーツの下部の座標を取得するにはどうすればよいでしょうか?
どんな助けでも大歓迎です。
よろしく、
ホレス
下にスクロールしても、Html ドキュメントの表示部分の下部にポップアップを配置したいですか?
HTML ドキュメントがウィンドウに収まらないため、下にスクロールしてすべてを表示する必要があります。そして、スクロールするたびに見える部分が変わります。では、現在表示されているパーツの下部の座標を取得するにはどうすればよいでしょうか?
どんな助けでも大歓迎です。
よろしく、
ホレス
position: fixed
CSSを試してみましたか?必要に応じて、ビューポートに対して要素を配置することになっています。このようなもの:
#myelement {
position: fixed;
bottom: 0;
}
CSS スタイルを使用しposition: fixed;
て、ビュー ポート (ウィンドウ領域) を基準にして要素を配置できます。
例:
<div style="position:fixed;left:100px;bottom:0;width:100px;height:50p;">
Bottom
</div>
注: 一部の非常に古いブラウザ (Internet Explorer 6 など) は をサポートしていませんposition: fixed
。それらをサポートする必要がある場合は、Javascript を使用してウィンドウのサイズを取得しposition: absolute
、要素を配置してイベントをキャッチしscroll
、要素を移動して表示状態を維持できるようにする必要があります。