JavaScript

要素の位置までスクロールしてスピード設定もできるjQueryプラグイン「scrollToBySpeed」

scrollToBySpeedは指定した要素の位置までスクロールしてくれるjQueryプラグインです。アニメーションのスピードなどのオプションも設定することができるのでとても便利ですね。

[ads_center]

scrollToBySpeedの使い方

scrollToBySpeedの実際のデモ動作は以下から確認できます。要素によってスクロールされるスピードが違ったりするのでおもしろいですね。

scrollToBySpeed

デモ

使い方もこのようにとてもシンプルです。以下はオプションでスピードを設定しています。

$('#element').scrollToBySpeed({
    speed: 1000
});

scrollToBySpeed

関連記事

  1. no-image

    JavaScript

    親要素の下端まで要素を固定表示できる「Scroll With Page」

    Scroll With Pageはスクロールしても特定の要素を固定表示…

  2. No Vacancy

    JavaScript

    ネオンサインのようなエフェクトを実装できるjQueryプラグイン「No Vacancy」

    テキストにネオンサインのようなエフェクトを実装することができるjQue…

  3. no-image

    JavaScript

    スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

    jQuery.panelSnapは、コンテンツごとに縦に並べられたパネ…

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

    JavaScript

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり…

  5. JavaScript

    レスポンシブなテキストを実装できるjQueryプラグイン「Responsive Text」

    Responsive TextというjQueryプラグインを使えば、と…

  6. Viewer

    JavaScript

    画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」

    Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を…

最近の記事

  1. iPhone 11 Pro Smart Battery Case ホワイト
  2. 渋谷スクランブル交差点
  3. ベーコンエッグ&厚切りバタートースト
  4. 有栖川公園
  5. 広尾のスタバ

アーカイブ

PAGE TOP