質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

0回答

376閲覧

Safariだけmousewheelが動作しない

koh1990

総合スコア15

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2018/12/20 03:00

編集2018/12/20 13:24

現在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();

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

x_x

2018/12/25 05:23

エラーは出ていないでしょうか? また、アロー関数を使っているのにIEで動いているのですか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問