bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptコンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」JavaScript2016.09.12コンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」autoscroll.jsはwebページ内のコンテンツを自動でスクロールしてくれる便利なjQueryプラグインです。ファイル容量も1KB未満ということで、とっても軽量なところがいいですね。長文記事をたくさん載せるサイトなんかに活用してみてはいかがですか?autoscroll.js以下、autoscroll.jsのデモページになります。デモご覧のように自動でコンテンツがスクロールされていきます。最後まで行くと一番上までスクロールします。自分でわざわざ操作する必要がないので、とてもラクに文章を読めますね。スクロールされるテンポなど、人によっては速すぎたり遅すぎたりする可能性もあるので、このあたりが少し悩ましいところですね。いえ、長文記事でこまめにスクロールしながら読み進めるのは確かにめんどくさいです。自動スクロールしたい人だけボタンを押せば動作するように分けるといいかもしれませんね。オプションにはamountやdelayが用意されているので、ちょっとしたカスタマイズをしたい人にも便利です。デフォルト値は、amountが100、delayが2000に設定されています。実装方法もすごくカンタンなので、気になる人はぜひ使われてみてはいかがでしょうか?というわけで、webサイトのコンテンツに自動スクロール機能を実装できる「autoscroll.js」のご紹介でした。使い方やダウンロードは以下からどうぞ。関連記事JavaScriptタッチ対応のドロワーコンポーネント「hy-drawer」hy-drawerはタッチに対応したドロワーコンポーネントです。Autocompleterはカスタマイズ性に優れたサジェ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。