2012-12-05 9 views
7

私は、それぞれがユーザーのウィンドウに記入するいくつかのセクションを持つ単一ページのWebサイトを構築しています。私はそれが働いている。Javascript - onscrollはスムーズに次のアンカーに移動しますか?の仕方?

私がやりたいことはある:

彼/彼女がアップを緩和または下(従って)セクションに前または後だろうと、ユーザーがスクロールアップまたはダウン。私のセクションには、それぞれの上部にアンカーがあります。

ここに私が達成しようとしているものの例があります。各記事はページを埋め尽くします。スクロールすると次の記事にジャンプします。

http://www.made-my-day.com/

+0

本当にやりたいですか?これは、ユーザーが期待するデフォルトのスクロール動作を壊します。 – Stuart

+0

私がこれを使用したいと思うものについては、私は確信しています。それは非常に簡単で短いページです。有益なサイトではなく、設計実験の種類。 –

答えて

5

私はあなたがこのプラグインを使って仕事を完了できると思う:https://github.com/alvarotrigo/fullPage.js

また、積極的に更新されているようです。最後の約定は3日前に行われました。

乾杯!

4

あなたはscrolloramasuperscrolloramaを見てみる必要があります。

あなたが提供したサイトのようなものを含め、スクロールに使用できるクールな効果がたくさんあります。

--UPDATE--

は、いくつかのOPと話した後、私は両方のライブラリは、彼が何を望ん行わないことに気づきました。 私の新しい提案は、、jsプレゼンテーションライブラリです。

+0

ありがとう、私はそれをチェックします! –

+0

確かにそこに素敵なスクロールのものがたくさんありますが、私は本当にこれを見つけられませんでしたか?私は明白な何かを欠いていますか –

+0

あなたがしたいことは、スクロールロママとスーパークロラロマの両方で "ピン止め"のようなものですか? – josemando

0

onscrollでこれを行う必要はありません。 onscrollは、「ページのビューが動いている」というイベント以外のものではないと考えてください。

これはマウスホイールを使っているとは限りません。

あなたの計画は意味をなさないことができます:それはスワイプの動きと同じようにドラッグの動きを作るようなものです。すばらしいです。

私の好みのスクロール方法は、マウスの中ボタンをクリックし、アンカーポイントのすぐ下にマウスを置くことです。これにより、各テキストブロックが画面をスクロールしながら読むことができます。

私は長いブロックのために、マウスの手を必要としません。

私のケースでは、onscrollは60イベント/秒のようなもので起動し、記事を自動ジャンプさせるとサイト全体のコンテンツをテレポートします。

他の人が実際のスクロールバーをドラッグします。

ページを移動する方法ではなく、マウスホイールとキー(上/下、Pg-up/pg-down)を聴く方が安全です。...しかし、すべての記事がすべてのコンテンツが愚かな小さな解像度(iPhone 3)であっても、すべてのブラウザウィンドウに収まるように十分小さくする必要がありますか?

人々がコンテンツを読むためにスクロールする必要がある場合は、突然、はるかに複雑なソリューションを扱うことになります。
通常の(またはカスタマイズされた)スクロールリクエストを親切な、現在のコンテンツの一番下に到達する... ...そして、あなたは今、コンテンツの一番下にある何らかのビジュアルキューをユーザに提供しなければならず、トリガー方法(スワイプ/ドラッグ/キー/ホイール)は記事を切り替えます。

最初の2つはうまくいきます... ...スマートフォンのように春になると感じるようにします。
...他の2つはどうでしょうか、人々は1秒間に複数回打つことを期待して、どこに行くのかを知ることができますか?

+0

ヒントをありがとう! 私が構築しているウェブサイトには、各セクションのテキスト/情報はほとんどありません。基本的には非常に小型のモバイル画面で動作しています(少なくともテストしたものすべて)。また、Media-Queriesを使用しており、モバイル用のバージョンも少し異なります。 –

関連する問題