6

私は遊んで視差のウェブサイトを構築しようとしています-はい、私は彼らが迷惑な流行であることを知っていますが、それでも行きたいです。それで、インスピレーションを得るために、私は良い視差のウェブサイトのさまざまな例を見ていて、これに出くわしました:https ://victoriabeckham.landrover.com/INT 。

マウスホイール、スクロールバー、アンカーリンクを使用したスムーズなスクロールが可能です。私はこの効果を実現するjQueryプラグインを探していましたが、内部ページリンク(アンカーまたはID(以下で詳しく説明))を使用するプラグインのみを見つけることができますが、マウスホイールとスクロールバーは見つかりません。間違ったキーワードを使用して検索している可能性があります。これらのプラグインを見つけるための正しい用語を知っている人、またはこの効果を実現するプラグインを知っている人はいますか?

ちなみに、私は現在jQueryとJavascriptを学んでいますが、非常に初期の段階にあります。まだcodeacademyをトロールしていて、実際のコードにはまだ到達していません。ですから、現時点では学習の手段としてプラグインで遊んでいますが、うまくいけば、数か月以内に自分のものを作成できるようになります。

タグまたはIDを固定するためのスムーズなスクロール:

また、同様のスクロール手法を使用した視差Webサイトの別の例:

4

2 に答える 2

4

これを試してください。https://nicescroll.areaaperta.com/

それは持っています

$().scrollTop() 

jQueryイベントリスナーもあるため、視差スクリプトでスクロールパスを構成できます。

于 2012-05-09T15:44:05.853 に答える
2

ランドローバーのサイトに似たものを作るには、これらの効果のいくつかを組み合わせる必要があると思います。スムーズスクロールスクリプト、スクロールパススクリプト、視差スクリプト。

これは、そのWebサイトのパス要素の興味深いサイトです:http: //joelb.me/scrollpath/

これらのサイトがどのように機能するかを知る最良の方法は、それらを調べることです!視差を使用するいくつかのクールなサイト: http ://www.awwwards.com/?s = parallax&post_type = all&search = Ok

これが助け/インスピレーションになったことを願っています!

于 2012-05-09T14:03:23.790 に答える