ホームページ > 記事 > ウェブフロントエンド > 画面がscreen_jqueryを超えたときに固定レイヤーを位置決めレイヤーに変更するためにjqueryで実装されたコード
非常に優れたユーザーエクスペリエンスの例です。理解できない場合は、下の写真を見てください。
タオバオ商品リスト http://search1.taovao.com/browse/50010388/…
テンセント金融産業経済 http://finance.qq.com/industry/index.htm
達成方法?
スクロールトップとは何ですか?要素内のコンテンツの高さが要素自体の高さを超える場合、スクロール バーが表示されます。スクロール バーをドラッグしたときに隠れる上部の高さが、scrollTop の値になります。
この種の位置決めレイヤーは、ページが onscroll イベントをトリガーすると、scrollTop 値が取得され、位置を維持するために位置決めレイヤーの CSS 属性に書き込まれることを意味します。
以下はコード例です
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家
jb51.net jb51.net jb51.net jb51.net 脚本之家