フリック操作を扱う方法

参考:

スマホやタブレットでのスワイプ・フリック動作を取得する方法 | Web制作会社スタイル

プラグインを使わずにフリックイベントを実装したい|teratail

jQuery

参考:

jQueryプラグインを使わずにフリック&ドラッグで動くスライダーを作ってみる | スターフィールド株式会社

フリック操作(スワイプ操作)を実装(コマンドメモ) – Qiita

iPhone・Android・PCでフリックを実装できるjQueryプラグイン – develo.org

flickGal・・・iPhoneでフリックギャラリーを簡単に実装できるjQueryプラグインです – piglovesyouの日記

jQuery プラグイン

参考:

Webサイト構築におけるスマホ対策で欠かせない!フリック用jQueryプラグイン|ferret フェレット

2018年も手軽で便利なjQueryスライダープラグイン9選|ferret [フェレット]

flipsnap.js

参考:

flipsnap.js [Official]

hokaccha/js-flipsnap: snap scroll for touch device – GitHub

flipsnap.jsを使用してスマートフォンのフリック操作を実現する – Qiita

スライド式メニュー

参考:

jakiestfu/Snap.js: A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus) – GitHub

スワイプ操作にも対応したスライド式メニュー Snap.js の使い方 – ONZE

Flickity

参考:

Flickity – Touch, responsive, flickable carousels

metafizzy/flickity: Touch, responsive, flickable carousels – GitHub

レスポンシヴ対応のスライダー flickity は今後の定番になるでしょう。- ONZE

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA