4

「The Killers」のウェブサイトhttp://www.thekillersmusic.com/html5#で使用されているような効果を作成しようとしています。サイトのコーディングの複雑さは私を超えていますが、それがどのように機能するかは好きです。

基本的には、Web コンテンツを配置できる水平方向のパノラマ背景のようなものが必要です。(素晴らしいパノラマ jquery プラグインを見つけましたが、大きな画像のように機能します)。

それから私はこのサイトを見つけました: http://unfold.no/ - これは無限の垂直スクロールを持っているようです -まさに私が探しているタイプの機能を備えています - しかし、彼らがどのようにそれをしたかを理解できるかどうかは気になります. 彼らはどうにかして Google Map API を使っているのでしょうか? または、独自のコードをゼロから作成しましたか?

私はjqueryがあまり得意ではないので、可能であれば微調整できるプラグインを好むでしょう。どんなアイデアでも大歓迎です。

ありがとうございました ：）

4

1 に答える 1

8

彼らがunfold.noで行っているように見えるのは、ページの一番下に到達したときにページの一番上に戻ることです。背景がシームレスなので、無限スクロールのように見えます。

これが私が作成したデモです: http://jsfiddle.net/wdm954/URCwd/4/

jQuery で編集する必要があるのは最初の行だけです。

CSS のデフォルトでは、body の高さを背景画像の高さに設定しています。ただし、jQuery では、これを動的に変更してウィンドウの高さを追加します。この追加の高さにより、スムーズな無限スクロール効果が得られます。

于 2011-06-18T23:41:18.553 に答える