フリック操作を扱う方法 [JavaScript]

フリック操作を扱う方法

参考：

スマホやタブレットでのスワイプ・フリック動作を取得する方法 | 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
Privacy - Terms