3

かなり長い視差サイト（12kピクセルなど）で作業しています。スクロールポイントのリストを作成したいのですが、これによりユーザーエクスペリエンスが向上すると思います。

私がする必要があると思うこと：1）スクロールポイントで構成される配列を作成します。たとえば、0px 850px 1300px 2000px 2500px（簡単に理解できるので:) 2）keydown keyCode == 37 move（animate ）前のポイントに、keyCode==39またはkeyCode==32で次のポイントに移動します3）最初のスクロールポイントの場合、最後のスクロールポイントと同じように、前のスクロールポイントが存在しないため、前のポイントに移動しないでください

誰かが私にコードの書き方を少し教えてもらえますか？javascript / jquery（またはプログラミング）を使用するのは初めてです

4

3 に答える 3

2

プラグインは必要ありませんが、矢印ナビゲーションも使用できるようにする入力フィールドを操作するには、次のコードを変更する必要がある場合があります。

http://jsfiddle.net/lazerblade01/EDwbg/1/

スクロールトップをアニメーションに簡単に変換することもできます。

編集：スクロールするアニメーションを追加しました。

于 2012-04-15T15:47:31.870 に答える
1

スクロールポイント要素にIDを付加し、このjQueryプラグインを使用して、ビューポート上にあるものを検出できます。http://patik.com/blog/within-viewport-javascript-and-jquery-plugin/

そこから、とを使用するの.next()と同じくらい簡単.prev()です。

できるだけ早くフィドルの例を追加しようと思います。

編集：残念ながら、私はフィドルに取り組むためにブルズアイを作ることができませんでした。しかし、それでも必要な場合は、ここにコードがあります。残りのロジックはあなたに任せたいので、不完全です。

http://jsfiddle.net/NMHaW/

ただし、これは正しい方向を示しているはずです。

于 2012-04-15T15:17:24.037 に答える
0

Twitterがブートストラップでこれをどのように実装したかを見てみるべきだと思います。彼らはそれをscrollspyと呼び、あなたはここで情報を見つけることができます：

http://twitter.github.com/bootstrap/javascript.html#scrollspy

于 2012-04-15T14:49:56.057 に答える