マウスホイールとスクロールバーを使用してスムーズな縦方向のページスクロール

Question

私は周りを遊んでいて、視差のウェブサイトを構築しようとしています - はい、彼らは迷惑な流行ですが、私はまだ行きたいです。インスピレーションのために、私は良い視差ウェブサイトのさまざまな例を見て、これを見つけました：https://victoriabeckham.landrover.com/INT。

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

私は現在、jQueryとJavascriptを学んでいますが、非常に初期段階です。まだコードカルチャーを辿っていますが、実際のコードにはまだありません。ですから、私はプラグインを学ぶ方法として遊んでいますが、数ヶ月で自分のものを作ることができればうれしいです！

スムーズなタグを固定するためのスクロールや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の礼儀）

そして、スクロールするための同様の手法を用いて視差のウェブサイトの別の例：

• http://www.ascensionlatorre.com

Answer 1

これを試してみてください。あなたは、視差のスクリプトで構成されたスクロールのパスを持つことができますので、https://nicescroll.areaaperta.com/

は、それはあまりにも

$().scrollTop() 

jQueryのイベントリスナーを持っています。

Answer 2

は、私はあなたがいくつかを組み合わせることがあると思いますLandroverサイトに似たものを作るために、これらの影響の滑らかなスクロールスクリプト、スクロールパススクリプト、および視差スクリプト。これらのサイトはどのように動作するかを知るための最善の方法は、それらを検討することですが http://joelb.me/scrollpath/

：

これは、そのウェブサイトのパス要素のための興味深いサイトです！視差を使ったいくつかのクールなサイト： http://www.awwwards.com/?s=parallax&post_type=all&search=Ok

私はこれがいくつかの助け/インスピレーションだったと思う！

乾杯、ロビン