ホームページ > 記事 > ウェブフロントエンド > xScrollStick スクロールバー_レイアウトとレイヤーとともに浮動する JS 特殊効果
xScrollStick スクロールバー_レイアウトとレイヤーとともに浮動する JS 特殊効果
- WBOYオリジナル
- 2016-05-16 17:54:161109ブラウズ
これは、スクロール バーに続いて浮動する JS 特殊効果です。つまり、画面に対する要素の位置は変更されずにスクロール バーがスクロールします。
このコードは、インターネット上に多数あります。比較すると次のような利点があります:
1. IE6.0 および FF1.5 と互換性があります
2. 使い方が非常に簡単で、初心者に人気です。
3要素間に競合は発生せず、1 つのページに n 個の特殊効果が存在する可能性があり、複数の要素を使用する場合にコードの冗長性がありません。
1. xHTML
として宣言されたドキュメントでのみ使用してください2. 要素は本文の下に配置するのが最善です
3. スクロール時にちらつきが発生するのは避けられません (すでに比較的わずかですが、完璧を求める人は不快に感じるかもしれません)。 )
使用方法:
ページパッケージ内の JS を引用し、特殊効果が必要な div 上でクラスを xScrollStick に設定します。もちろん、必要な位置を記述することを忘れないでください。要素ごとに修正
例 1:
コードをコピー コードは次のとおりです。
コンテンツ...
例 2:
例 2:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。