mobileでdragする方法を探
dragできるcomponentをasync-await loopで実現
でわかったが、PCで
dragで移動
できるcodeでも、
mobile端末
では通用しないことがあるようだ
dragできるcomponentをasync-await loopで実現
がmobileで動かなかった原因を知るために、mobileで動くD&D codeを探す
JavaScriptを使って要素をドラッグ&ドロップで移動 | q-Az
特に環境の断りはないが、mobile端末でも動いた
ただし、スクロールと衝突してしまった
モバイル Web アプリでドラッグ&ドロップ : まだプログラマーですが何か?
demo
/icons/github.icon
dotnsf/mobile_dnd_sample
動いた
スクロールとの衝突具合はわからなかった
ページがそこまで長くなかった
スマートフォンでもドロップ&ドラッグを簡単に実現:Jquery Mobile Drag And Drop
動かなかった
React DnD
drag&dropなので違う
dnd kit
from
/miyamonz/reactのドラッグ&ドロップライブラリの調査
スクロールと干渉せずに動いた!
ドラッグで要素を移動させる - React - seiyab’s blog
解説が一番充実している
touch-action: none
を設定するのか。なるほど
takker.icon
demo
長押しするとうまくdragできる
タッチした瞬間に動かすとガクガクと少ししか動かない
dnd kit
は問題なくできてた
glslEditor
mobileでもドラッグできる
Native DOMでevent handlingしているようだ
コードは
これ
を
このUI
で使っている
http://www.lab4games.net/zz85/blog/2014/11/15/resizing-moving-snapping-windows-with-js-css/
(
魚拓
) のコードを参考にしたらしい
@zz85によるresize&drag&snap scriptをcode readingする
#2022-01-31
16:27:41
#2022-01-06
04:15:25