2012-05-09 16 views
6

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

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

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

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

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

答えて

4

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

は、それはあまりにも

$().scrollTop() 

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

+0

それは完璧に見える、多くのありがとう。行ってすぐに試してみましょう。これが私がstackoverflowを愛する理由です! *編集:夢のように動作します:) – DBUK

+0

リンクが機能していません "データベース接続の確立中にエラーが発生しました" –

2

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

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

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

乾杯、ロビン

+1

ありがとう、info - http://joelb.me/scrollpath/は私には新しく、視差サイトに最適です。私はスムーズなスクロールを実現するためにスクリプトを組み合わせることについてあなたの権利を考えています。私はコードを調べていましたが、2つのものを組み合わせたように見えましたが、jsとjQueryの知識を超えています。 – DBUK

関連する問題