no-image

JavaScript

水平スクロールができることを示唆してくれる「ScrollHint」

ScrollHintは水平スクロールができることをポインタアイコンを使って示唆してくれるJavaScriptライブラリです。スクロールできることを教えてくれるので、ユーザーが必要な情報を見逃す心配も減りそうですね。

ScrollHint

デモ

デモではテーブルデータ内に「scrollable」と書かれたポインタアイコンが表示されています。これを見れば水平にスクロールできるということがすぐに分かるので、ユーザーにとっては助かりますね。

ポインタアイコンは横へスクロールすることで消えていくので、ジャマになることもなくとてもいい感じの機能です。スマホなどのモバイルでもしっかり表示されるので、水平スクロールが必要なテーブルを設置したい時にはとても役立つJSライブラリになるはずです。

ScrollHint

textwriteoutテキストの書き出し・削減ができるjQueryプラグイン「textwriteout」前のページ

シンプルで軽量なスクロールアニメーション実装「animateMePlz」次のページno-image

関連記事

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

    JavaScript

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

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

  2. JavaScript

    フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

    screenfull.jsは画像などの要素をフルスクリーンで表示させる…

  3. Simple jQuery Slider

    JavaScript

    シンプルなナビ付きのスライダーを実装できる「Simple jQuery Slider」

    シンプルなスライダーを実装できる「Simple jQuery Slid…

  4. no-image

    JavaScript

    縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

    Simple Scroll Galleryは縦スクロールによるかっこい…

  5. jQuery Sequency js

    JavaScript

    スクロールでビフォー・アフター画像を見比べれる「jQuery Sequency js」

    jQuery Sequency jsはスクロールでビフォー・アフター画…

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

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6
  4. Apple Watch Series 6

アーカイブ

PAGE TOP