autoscroll.js

JavaScript

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

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

autoscroll.js

デモ

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

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

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

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

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

autoscroll.js

関連記事

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

    JavaScript

    jQueryのeachと$.eachの簡単な使い方のメモ

    jQueryのeachと$.eachの使い方のメモです。あんまり深い知…

  2. JQuery-SnakeGallery

    JavaScript

    ホバーした方向へエフェクトが追従してくる「JQuery-SnakeGallery」

    JQuery-SnakeGalleryは、ホバーした方向へエフェクトが…

  3. no-image

    JavaScript

    インタラクティブなツリー機能を実装できる「jstree」

    jstreeはインタラクティブなツリー機能を実装できるjQueryプラ…

  4. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  5. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

  6. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP