5

Skrollr (javascript ライブラリ) を使用して Web サイトを作成しようとしています: http://prinzhorn.github.io/skrollr/

スクローラーは正常に動作しますが、1 つのことを理解できません。画面の上部から遠く離れた div スクロールを停止するにはどうすればよいですか。div の上部がページの上部に到達したら、スクロールを停止して、2 番目の div がその上に来始めると、カードが積み上げられたように感じられるようにします。

また、スクロールバックすると、一番上のものがページの一番下を出た後、div がスクロールを開始します。

私の説明が少し明確であることを願っています。そうでない場合は、図を使用して説明しようと思います。

次にコード部分です。ドキュメントを読んだ後、私はこれらの両方を試しました:

data-top そして data-end 、それらのどれも実際には機能しませんでした。

私も試しました: data-top="background-position:0px 0px;"

達成したいことが可能かどうかさえわかりません。

そうでない場合は、div の上部がブラウザー ウィンドウの上部を横切った後にスクロール速度を下げることで、重複する垂直スクロールを行うことができます。

私の説明でわかりにくい点があれば聞いてください。問題を口頭で説明するのは簡単ではないことは承知しています。

4

3 に答える 3

4

skrollr は CSS だけで、魔法は何もしません。div を停止したい場合は、CSS を使用してこれを行う方法を見つけてください。通常、これは固定配置を使用して実現されます。

このように(テストされていませんが、アイデアが得られるはずです)

<section data-0="position:static;" data-top="position:fixed;"></section>

ここで、おそらく 1 つの問題が発生します。要素がフローから取り出されるため、後続の要素はすべて上に移動します。たとえば、ダミー要素 ormargin-topまたは(相対位置を指定して) を要素へのポイントtopと組み合わせて使用​​することで、これを解決できます。data-anchor-target

于 2013-05-05T11:53:36.837 に答える