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でウィンドウサイズによって処理を変える

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

  2. Vertical Fixed Navigation #2
  3. no-image

    JavaScript

    フレキシブルでモバイルフレンドリーなフォトギャラリー実装「jGallery」

    jGalleryは、フレキシブルでモバイルフレンドリーなフォトギャラリ…

  4. JavaScript

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラグイン「SHARDS」

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラ…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  6. HTML5 Sortable

    JavaScript

    リストをドラッグ&ドロップで並べ替えることができるjQueryプラグイン「HTML5 So…

    リスト化した要素をドラッグ&ドロップで並べ替えることができるjQuer…

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP