Alton

JavaScript

コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

Altonはコンテンツごとに縦スクロールすることによりWebページをナビゲートできるjQueryプラグインです。ブラウザいっぱいに広がるフルスクリーン表示でスクロールしていくことができるので、インパクトあるWebページを作りたい時によさそうですね。

Alton

Altonのデモ動作は以下のページからチェックすることができます。

Alton

デモ

上記のデモは右側にページナビゲーションも付いているので、自分が今どの辺りにいるのかすぐに確認することができます。

スクロールすると各パネルごとにストップするので、テンポ良くナビゲートしていきたい場合には非常に有効ですね。

また、ブラウザ全体を使ったフルスクリーンで表示されるのでとても見やすいですしコンテンツにも集中しやすいなぁと思いました。

マークアップの記述や使い方もシンプルなので気になる方は是非チェックしてみてはいかがでしょうか。オプションもいろいろ揃っているのでカスタマイズもできますね。

Alton

関連記事

  1. Animated Intro With jQuery

    JavaScript

    プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQ…

    シンプルなアニメーションがとてもカッコいいイントロページを実装する「A…

  2. PgwSlider

    JavaScript

    レスポンシブで軽量なスライダーを実装できるjQueryプラグイン「PgwSlider」

    PgwSliderというjQueryプラグインを使えばレスポンシブで軽…

  3. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  4. pull-to-reload

    JavaScript

    下へ引いてページをリフレッシュ(リロード)できる「pull-to-reload」

    pull-to-reloadは、Webページ内で下へ引くだけでページを…

  5. Responsive Elements
  6. Sticky Multi Header Scroll

最近の記事

  1. Anker PowerHouse 200

アーカイブ

PAGE TOP