はじめに
実務案件で、下記ページのようなスクロールをすると要素がフェードインするページでiPhoneのSafariでブラウザチェックした時のみスクロールしてもフェードインしなかったことがあったのでその対処法について記事にします。
iPhoneのSafariのみスクロールイベントが起こらなかった時の対処法
scrollイベントだけではなく、touchmoveイベントも追加します。
追加したところiPhoneのSafariでも期待通り要素がフェードインされるようになりました。
function fadeInTrigger() {
// 処理を記述してください。
}
window.addEventListener('scroll', fadeInTrigger);
window.addEventListener('touchmove', fadeInTrigger);
