ホームページ > 記事 > ウェブフロントエンド > HTML要素自体の幅を取得_html/css_WEB-ITnose
HTML要素自体の幅を取得_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:13:401398ブラウズ
HTML要素に表示されるクリップの量を制御したい場合。
HTML要素自体がどのくらいの幅にできるかを知っておくのが最善です。
前の記事からの続きです。
親ナビゲーションは子の表示を切り詰めます。
そのため、マウスを使用してサブ要素の実際に必要な幅を取得します。 ロード後、js を使用してナビゲーションの幅を動的に制御できます: 100%、120%、80% の幅が必要です。
JavaScript 属性を使用します。
これと同様に、scrollWitdh、scrollLeft、clientWidth 参考リンク: HTML の正確な位置決め
width を取得する
マウスの位置を取得します。
監視するには onmouseover を使用します。 使用する JavaScript キーワード:eventX、eventY 、offsetX、offsetY
はコンテナに対する相対座標を使用します。オフセットが必要です。
スクロール位置を変更するには、scrollLeft 設定を使用できます。
添付(この記事の機能テスト用のソース コード):
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。