エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JavaScriptだけでスワイプ処理追加でカルーセル(スライダー)作成
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JavaScriptだけでスワイプ処理追加でカルーセル(スライダー)作成
JavaScriptだけでスワイプ処理を実装は以下のようなコードになる。 関数を作成しておけば要素を指定する... JavaScriptだけでスワイプ処理を実装は以下のようなコードになる。 関数を作成しておけば要素を指定するだけで良い。 function setSwipe(elem) { var t = document.querySelector(elem); var r = document.getElementById('result'); var startX; var startY; var moveX; var moveY; var dist = 30; t.addEventListener('touchstart', function(e) { e.preventDefault(); startX = e.touches[0].pageX; startY = e.touches[0].pageY; }); t.addEventListener('touchmove', function(e