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

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

関連記事

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

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

ウェブデザイン技能士2級合格!難易度はそれほどでもない?

こんにちは! クロワッさん。はい。です この度、 ウェブデザイン技能士2級という 国家資格を取得しました!!! ウェブデザイン技能検定はこちら→   よっしゃああああ! これから受けようとし …

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

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

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

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

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

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

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