前提・実現したいこと
タッチデバイスでのスクロール方向の判定を取得したく
調べながら色々試したのですがうまく動くものが見つかりませんでした。
最終的に下記記述でchromeの検証では動くのですが、実機(ipad,iphone)では動いていませんでした。
処理が全く変わっても大丈夫ですので、どなたかご教授いただけますでしょうか。
少ない情報で申し訳ないですが、よろしくお願いいたします。
発生している問題・エラーメッセージ
chromeのコンソールエラーなし 実機のみ動作しない
該当のソースコード
$(window).load(function(){ //スマホのタッチスクロール方向の判定。 window.addEventListener("load", function(event) { var touchStartX; var touchStartY; var touchMoveX; var touchMoveY; // 開始時 window.addEventListener("touchstart", function(event) { // 座標の取得 touchStartX = event.touches[0].pageX; touchStartY = event.touches[0].pageY; }, false); // 移動時 window.addEventListener("touchmove", function(event) { // 座標の取得 touchMoveX = event.changedTouches[0].pageX; touchMoveY = event.changedTouches[0].pageY; }, false); // 終了時 window.addEventListener("touchend", function(event) { // 移動量の判定 if (touchStartY > touchMoveY) { if (touchStartY > (touchMoveY + 50)) { alert('下向きにスクロールした場合'); } } else if (touchStartY < touchMoveY) { if ((touchStartY + 50) < touchMoveY) { alert('上向きにスクロールした場合'); } } }, false); }, false); });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/16 06:06