ホームページ  >  記事  >  ウェブフロントエンド  >  画面がscreen_jqueryを超えたときに固定レイヤーを位置決めレイヤーに変更するためにjqueryで実装されたコード

画面がscreen_jqueryを超えたときに固定レイヤーを位置決めレイヤーに変更するためにjqueryで実装されたコード

WBOY
WBOYオリジナル
2016-05-16 18:34:091016ブラウズ

非常に優れたユーザーエクスペリエンスの例です。理解できない場合は、下の写真を見てください。

タオバオ商品リスト http://search1.taovao.com/browse/50010388/…
taobao浮动层实例

テンセント金融産業経済 http://finance.qq.com/industry/index.htm
画面がscreen_jqueryを超えたときに固定レイヤーを位置決めレイヤーに変更するためにjqueryで実装されたコード
達成方法?
スクロールトップとは何ですか?要素内のコンテンツの高さが要素自体の高さを超える場合、スクロール バーが表示されます。スクロール バーをドラッグしたときに隠れる上部の高さが、scrollTop の値になります。
この種の位置決めレイヤーは、ページが onscroll イベントをトリガーすると、scrollTop 値が取得され、位置を維持するために位置決めレイヤーの CSS 属性に書き込まれることを意味します。
以下はコード例です

コードをコピーします コードは次のとおりです:





定位层








声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。