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

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

関連記事

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

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

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

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

ファイル名変更ショートカット

ファイル名変更すること多すぎ。 ショートカット調べた。 変えたいファイルがアクティブな状態で F2 さらに Tabで次のファイル。 Shift+Tabで前のファイル。 プラス定番のコピー&ペースト C …

tableの隙間を埋めるCSSってどうすんじゃい!

tableを設定したときに 枠同士に隙間ができてしまったとき、 border-collapse: collapse; をtableタグに設定してあげる。   tableのセルのborderを …

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

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

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