現在WordPressにてサイトを構築しているのですが、スクロールイージングをjavascriptにて実装しています。
ブラウザチェックをしていたら、chrome/Firefox/Opera/IEはスクロールできるのですが、safariだけスクロールできなくなってしまっており、皆様のお知恵をお借りできればと思い投稿しました。
助けて下さい。。。
javascript
1const scrollSlow = () => { 2 3 let scrollTime = 3; 4 let scrollDistance = 4.5; 5 6 window.document.documentElement.addEventListener("mousewheel", function(e) { 7 8 e.preventDefault(); 9 10 let delta = e.wheelDelta || e.detail * 40 * -1; 11 let scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop; 12 let finalScroll = scrollTop - delta * scrollDistance; 13 14 TweenMax.to(document.documentElement, scrollTime, { 15 scrollTo : { y: finalScroll, autoKill:true }, 16 ease: Power1.easeOut, 17 overwrite: 5 18 }); 19 20 }); 21 22 window.document.documentElement.addEventListener("DOMMouseScroll", function(e) { 23 24 e.preventDefault(); 25 26 let delta = e.wheelDelta || e.detail * 40 * -1; 27 let scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop; 28 let finalScroll = scrollTop - delta * scrollDistance; 29 30 TweenMax.to(document.documentElement, scrollTime, { 31 scrollTo : { y: finalScroll, autoKill:true }, 32 ease: Power1.easeOut, 33 overwrite: 5 34 }); 35 36 }); 37 38} 39scrollSlow();
エラーは出ていないでしょうか?
また、アロー関数を使っているのにIEで動いているのですか?
あなたの回答
tips
プレビュー