🦓
スマホの時にスムーススクロールが効かない?
作成日:
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年目。
インプットしたことをアウトプットしています。