私は遊んで視差のウェブサイトを構築しようとしています-はい、私は彼らが迷惑な流行であることを知っていますが、それでも行きたいです。それで、インスピレーションを得るために、私は良い視差のウェブサイトのさまざまな例を見ていて、これに出くわしました:https ://victoriabeckham.landrover.com/INT 。
マウスホイール、スクロールバー、アンカーリンクを使用したスムーズなスクロールが可能です。私はこの効果を実現するjQueryプラグインを探していましたが、内部ページリンク(アンカーまたはID(以下で詳しく説明))を使用するプラグインのみを見つけることができますが、マウスホイールとスクロールバーは見つかりません。間違ったキーワードを使用して検索している可能性があります。これらのプラグインを見つけるための正しい用語を知っている人、またはこの効果を実現するプラグインを知っている人はいますか?
ちなみに、私は現在jQueryとJavascriptを学んでいますが、非常に初期の段階にあります。まだcodeacademyをトロールしていて、実際のコードにはまだ到達していません。ですから、現時点では学習の手段としてプラグインで遊んでいますが、うまくいけば、数か月以内に自分のものを作成できるようになります。
タグまたはIDを固定するためのスムーズなスクロール:
- http://archive.plugins.jquery.com/project/ScrollTo
- http://jsfiddle.net/9Amdx/7/
- http://arthurclemens.github.com/jquery-page-scroll-plugin/
- http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12
- http://www.designova.net/scrollerbird/
- http://chris-spittles.co.uk/?p=462
- http://joelb.me/scrollpath/(* @DrunkRocketeer提供)
また、同様のスクロール手法を使用した視差Webサイトの別の例: