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. jquery.stepper.js

    JavaScript

    マウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」

    jquery.stepper.jsは、マウス操作から手軽に値の増減を行…

  2. jLetter

    JavaScript

    テキストを散らばせながら次々と表示させることができるjQueryプラグイン「jLetter」

    シンプルでちょっと目を引かせたいところなんかによさそうだったので使って…

  3. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  4. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

  5. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP