CSS は、スクロール ホイールの変化に応じて動きに応答する Web ページ レイアウトを実装します_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:23:22
オリジナル
1439 人が閲覧しました

_position:absolute; _top:expression(eval(document.documentElement.scrollTop));

1. コードの最初の文

_position:absolute;
ログイン後にコピー

このコードは「position: 絶対位置決め」を意味します。つまり、要素の位置は、親要素を基準とするのではなく、ブラウザ ウィンドウ全体を基準とします。通常は、top 属性と left 属性と組み合わせて使用​​されます。

2. コードの 2 番目の文

_top:expression(eval(document.documentElement.scrollTop));
ログイン後にコピー

top 属性は Web ページ内の要素の上部の位置を定義し、CSS のexpression 属性は Javascript コードを呼び出すために使用されます。したがって、式の後の括弧は JavaScript コードの行です。

eval(document.documentElement.scrollTop);
ログイン後にコピー

このうち、 document.documentElement.scrollTop は、現在のページのスクロールバーがスクロールされた位置の値を取得し、 eval() 関数を使用して計算して値に変換することを意味します。

このコードの最終的な意味は、ブラウザ ウィンドウのスクロール バーがどこにスライドしても、この要素の位置が決まります。

3. 先頭のアンダースコアは、互換性の問題を解決するためにさまざまなブラウザを区別するために CSS ハックで使用されます。ここでのアンダースコアは IE6 でのみ認識され、IE7、IE8、Firefox およびその他のブラウザでは認識されません。 IE6 では有効ですが、他のブラウザでは無視されます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!