クロワッさん。技術メモ。

Webクリエイタークロワッさん。のメモがわり備忘録。

CSS JS WEB Windows

背景固定にしたらIEでめっちゃガタガタするんですけど!!

投稿日:2018年10月29日 更新日:

background-attachment : fixed で

背景固定にしたらIEでスクロールした時に

ガタガタガタガタ

 

なんじゃこりゃってなって調べたら

IEの設定でスムーズスクロールをオンにしてると

なるんだって

 

とはいえIEの設定はユーザー次第なんで

こっちから手の施しようないじゃんって思ったら

ありました!

 

if(navigator.userAgent.match(/MSIE 10/i) || navigator.userAgent.match(/Trident\/7\./) || navigator.userAgent.match(/Edge\/12\./)) {
$('body').on("mousewheel", function () {
event.preventDefault();
var wd = event.wheelDelta;
var csp = window.pageYOffset;
window.scrollTo(0, csp - wd);
});
}

このコードをjavascriptに突っ込む
参考サイト→

 

IEの時だけマウスのスクロールを無効にして

javascriptでスクロールさせてるんだって

 

自分はこれでなんとかなりました







-CSS, JS, WEB, Windows

関連記事

ネットショップ実務士Level1なめてた!

先日一週間くらいで取れそうとか言っていた ネットショップ実務士Level1ですが、   なめてました!!   テキスト買ってみたら300ページくらいある! めっちゃ読むの大変! 厚 …

301リダイレクトが効かないヘルプミー!

.htaccessファイルいじって301リダイレクトしたいのに どうしてもうまくいかない時は下の記述をHTMLの<head>の中に書けばいい! <link rel=”canonica …

Windows10でSass(Compass)がコンパイルできない

しばらくMacBookで作業してましたが、 家のデスクトップで作業しようとSassをコンパイル! そしたらエラー!! なんか文字コードがダメで漢字が入っているとコンパイルしたくないんだと! &nbsp …

iPhoneでタップした時に光るやつ消したい

iPhoneでリンクをタップした時に光るエフェクトを消したい時のCSS! a { -webkit-tap-highlight-color:rgba(0,0,0,0); } 色指定だから好きな色に変える …

2週間でネットショップ検定合格!

みなさん! やったよ! ネットショップ検定に受かったよ! 今日は受かるまでにやった勉強法と テストの感想を書いていくよ!!   ネットショプ検定 ネットショップ実務士Level1 [送料無料 …

フルオーダーメイドのカリキュラム作成できるエンジニア塾【Samurai】