🦓 スマホの時にスムーススクロールが効かない?
作成日: 2022/01/26
1

jQueryのonclickでスムーススクロールを実装したが、
スマホ時に効かなくて2回タップで動作する、謎の挙動が発生。

onclickだとスマホの時に動作しない場合があるそう。ontouchstartを使用すると良いらしい。

三項演算子でonclick(PC)とontouchstart(SP)を使い分ける。
window.ontouchstart === undefinedでタップできない端末(PC)を表す。

let _click = (window.ontouchstart === undefined) ? 'click' : 'touchstart'
$('hoge').on(_click, function() {
	//処理
})

参考

・クリックとタップを同時に指定したい場合【Javascript】
https://muumv.com/click-tap/


事業会社にてコーダーをしています。制作は6年目。 インプットしたことをアウトプットしています。