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

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

関連記事

iPhoneの文字サイズが勝手に変わる

iPhoneの文字サイズが勝手に変わる。 大体16pxのやつが変わる。 対処法 -webkit-text-size-adjust: 100%; をCSSに入れる。 bodyに入れておけばとりあえず全体 …

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

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

<li>の文字を一字ずらす

<li>の・(ちょん)をテキストで表現してる場合、 改行した時気持ち悪い。 スペースで合わせちゃうと、 環境によってずれてしまう。 そこで、 text-indent:-1em; paddi …

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

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

Dreamweaverグレーになっていて書きかえられない

ファイルの修正の際、 文字がグレーになっていて 書きかえられなくなっている時がある。 それはDreamweaverのテンプレートという機能で、 Templatesフォルダ内のdwtファイルを書きかえる …

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