autoscroll.js

JavaScript

コンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」

autoscroll.jsはwebページ内のコンテンツを自動でスクロールしてくれる便利なjQueryプラグインです。ファイル容量も1KB未満ということで、とっても軽量なところがいいですね。長文記事をたくさん載せるサイトなんかに活用してみてはいかがですか?

autoscroll.js

デモ

ご覧のように自動でコンテンツがスクロールされていきます。最後まで行くと一番上までスクロールします。自分でわざわざ操作する必要がないので、とてもラクに文章を読めますね。

ただ、スクロールされるテンポなど、人によっては速すぎたり遅すぎたりする可能性もあるので、このあたりが少し悩ましいところですね。

とはいえ、長文記事でこまめにスクロールしながら読み進めるのは確かにめんどくさいです。自動スクロールしたい人だけボタンを押せば動作するように分けるといいかもしれませんね。

また、オプションにはamountやdelayが用意されているので、ちょっとしたカスタマイズをしたい人にも便利です。デフォルト値は、amountが100、delayが2000に設定されています。

実装方法もすごくカンタンなので、気になる人はぜひ使われてみてはいかがでしょうか?

autoscroll.js

jQuery Accordionシンプルで実用的なアコーディオン実装「jQuery Accordion」前のページ

ページ内リンクをスクロールできる「Smooth Anchor Scrolling」次のページSmooth Anchor Scrolling

関連記事

  1. no-image
  2. Pagination.js

    JavaScript

    シンプルでさまざまなカスタマイズが可能な「Pagination.js」

    Pagination.jsはシンプルでさまざまなカスタマイズが可能なペ…

  3. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  4. Multi-level push menu
  5. ajSlider

    JavaScript

    シンプルでさりげないアニメーションが素敵なスライドショー実装「ajSlider」

    ajSliderはシンプルなスライドショーを実装することができるjQu…

  6. Slinky

    JavaScript

    モバイルライクなナビゲーションメニューを実装できる「Slinky」

    Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーショ…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP