13. Windowsの
Windowsの(GitHubのは)あなたはセクションが1つのプラグインでサイトを構築するために、画面全体を占有使用することができます。プラグインは、新しいセクションが表示領域と処理に表示され、スナップショットが呼び出されるので、あなたは簡単にナビゲーションメニューが、それ以上の何かを継承しカスタマイズすることができたときに、あなたにコールバックを提供します。ここでは一例です:翻訳者注:各章をクリックするだけでクロームとSafariがご利用いただけます。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
snapping:
true
,
snapSpeed: 500,
snapInterval: 1100,
onScroll:
function
(scrollPos){
// scrollPos:Number
},
onSnapComplete:
function
($el){
// after window ($el) snaps into place
},
onWindowEnter:
function
($el){
// when new window ($el) enters viewport
}
});
|
14.クールな子猫
子猫クック(GitHubのは)あなたのサイトのセクションに入れて使用してスライドショーに編成され、応答性のラスタースクロールのウェブサイトのためのフレームワークであるjQueryのウェイポイントの彼らが表示エリアに入るときを検出し、ナビゲーションメニューをトリガするためのプラグインをアップデート。翻訳者注:、結果を確認するには、ナビゲーションメニューをクリックしてのサポートのFirefox、CHROM、オペラ、サファリ、IE9 +。
15.スティッキー
スティッキー(GitHubのは、あなたがページが常にプラグインで、あなたは非常に便利な共有する単一ページのウェブサイトスティッキーナビゲーションメニューやツールバーを表示することができます表示するスクロールしたときに)メイクページ上の任意の要素です。唯一のオプションは、トップをオフセットすることで、直接使用することができます。
1
|
$(
"#sticker"
).sticky({topSpacing:0});
|
16.スーパーScrollorama
Scrolloramaスーパー(GitHubのは)スクロールアニメーションはjQueryのプラグインで、要素がビューまたはローリングトゥイーンとアニメーションの特定のポイントに表示されたときに定義することができますクールです。
1
2
3
4
5
|
$(document).ready(
function
() {
var
controller = $.superscrollorama();
controller.addTween(
'#fade'
,
TweenMax.from($(
'#fade'
), .5, {css:{opacity:0}}));
});
|
17. Stellar.js
Stellar.js(GitHubのは)それが背景要素と特定の要素のいずれかの格差を探し、そしてときに、スクロール要素にそれらを再配置、任意の転動体jQueryプラグインのラスタースクロール効果を提供することです。あなたは使用することができ、データを要素の属性スクロール速度を制御するために:
1
|
$(
'#main'
).stellar();
|
18. Scrollpath
Scrollpath(GitHubのは)別のローリングのプラグインですが、プラグインのフロントは異なり、あなたがスクロールする独自のパスを定義することができるということです。プラグインが使用して、文体のパスを描画するキャンバスを使用してのmoveTo、のlineTo やARCを。プラグインを初期化する際にマスク層キャンバスベルト経路を作り、正しいパスを支援するために。翻訳者注:これは本当に賞賛です。
参考:
- http://woiweb.iteye.com/blog/1878697
- http://www.woiweb.net/50-amazing-jquery-plugins-2.html
ます。https://www.cnblogs.com/JoannaQ/p/3302535.htmlで再現