それぞれがユーザーのウィンドウを埋めるいくつかのセクションを持つ単一ページの Web サイトを構築しています。私はそれを機能させました。
私がやりたいことは次のとおりです。
ユーザーが上または下にスクロールすると、(それに応じて) 前または後のセクションにイーズアップまたはダウンします。私の各セクションには、上部にアンカーがあります。
これが私が達成しようとしていることの例です。各記事でページがいっぱいになります。スクロールすると次の記事に飛びます。
それぞれがユーザーのウィンドウを埋めるいくつかのセクションを持つ単一ページの Web サイトを構築しています。私はそれを機能させました。
私がやりたいことは次のとおりです。
ユーザーが上または下にスクロールすると、(それに応じて) 前または後のセクションにイーズアップまたはダウンします。私の各セクションには、上部にアンカーがあります。
これが私が達成しようとしていることの例です。各記事でページがいっぱいになります。スクロールすると次の記事に飛びます。
このプラグインを使用して仕事を成し遂げることができると思います: https://github.com/alvarotrigo/fullPage.js。
また、更新も活発に行われているようです。リポジトリへの最後のコミットは 3 日前に行われました。
乾杯!
scrolloramaとsuperscrolloramaを見てください。
あなたが提供したサイトのようなものを含め、スクロールに使用できるクールな効果がたくさんあります.
- アップデート -
OPと話し合った後、両方のライブラリが彼の望むことをしていないことに気付きました。そこで、私の新しい提案は、js プレゼンテーション ライブラリの Reveal -jsです。
あなたは本当にこれをしたくないですonscroll
。onscroll
「ページのビューが動いている」というイベント以外は、実際には何もないと考えてください。
それは彼らがそれをするためにマウスホイールを使用しているという意味ではありません。
電話では、あなたの計画は理にかなっています。そうすれば、ドラッグの動きをスワイプの動きと同じにするようなものになります。素晴らしい。
スクロールするための私の好ましい方法は、マウスの中ボタンをクリックしてから、マウスをアンカーポイントのすぐ下に置くことです。これにより、画面をスクロールしながらテキストの各ブロックを読み取ることができます。
長いブロックの場合は、マウスに手を置く必要さえありません。
したがって、私の場合、onscroll
60イベント/秒のようなもので起動し、記事を自動ジャンプすると、サイトのコンテンツ全体をテレポートします。
他の人はまだ実際のスクロールバーをドラッグします。
ページを移動する方法だけでなく、マウスホイールとキー(up / down、pg-up / pg-down)を聞く方が安全です... ...しかし、すべての記事が十分に小さくなると確信しています。ばかげた小さな解像度(iPhone 3)でも、すべてのコンテンツがすべてのブラウザウィンドウに収まるようにしますか?
なぜなら、人々がコンテンツを読むためにスクロールする必要がある場合、突然、はるかに複雑な解決策に対処すること
になります。あらゆる種類の定期的な(またはカスタマイズされた)スクロール要求を聞いて、現在のコンテンツの最下部......そして、ユーザーがコンテンツの最下部にいることを示す何らかのビジュアルキューをユーザーに提供し、トリガーメソッド(スワイプ/ドラッグ)を引き続き使用する必要があります。 / keys / mwheel)は記事を切り替えます。
最初の2つは問題ありません......スマートフォンのように、バネ仕掛けのように感じさせます。
...他の2つについてはどうでしょうか。ここでは、人々が1秒間に何度も攻撃して、目的地に到達することを期待している可能性があります。