bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptドラッグしながらスクロールするライブラリ「ScrollBooster」JavaScript2018.03.27ドラッグしながらスクロールするライブラリ「ScrollBooster」ScrollBoosterはドラッグしながらスクロールする機能を実装できるライブラリです。テーブルや画像などのコンテンツを任意の領域内でドラッグスクロールしながら見せることができるので、使いどころによってはとても便利な機能ですね。ScrollBooster以下のページからScrollBoosterの実際のデモ動作をチェックできます。デモデモではテーブルや画像といったコンテンツにこの機能が実装されています。上のテーブルでは、テーブル内にカーソルを持っていくとカーソルが十字の矢印に切り替わります。この状態で左右にドラッグすることで横にスクロールしていくことが可能です。特定の領域内にたくさんのデータを詰め込みたい場合に役立つ機能ですね。同様に、画像のデモでは左右だけではなく上下のドラッグスクロールもできるようになっています。ユーザーに拡大画像を特定の領域内でスクロールしながらじっくり見せたい場合にはとても便利な機能です。オプションには、viewport、content、handle、bounce、textSelection、friction、bounceForce、emulateScroll、onUpdateといった項目のセッティングが可能になっています。その他、メソッドにはsetPosition、updateMetrics、getUpdate、destroyが用意されています。11、Edge、Chrome、Firefox、Safari。ライセンスはMITとのこと。ScrollBoosterの詳しい使い方やダウンロードは、以下のページからどうぞ。Demo...シンプルなフェードアニメーションによるスライドショーを実装することがで...JavaScriptjQueryでアニメーションを遅らせるにはdelayを使えばいいらしいちょっとしたメモです。EditorというjQueryプラ...JavaScriptオシャレなカラーピッカーを手軽に表示させれる「Huebee」Huebeeはシンプルでオシャレなカラーピッカーを手軽に表示させること...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。