「bug」タグアーカイブ

IE11もEdgeもええかげん爆発していいよ!

display:tableでwidthがteke me to the universe

上下中央寄せのためにtable と table-cellを使ったところ、何故か要素がcontainerを超えて宇宙(200%)まで伸びていた。
そして背景画像のfixedも超カクつく。
結局flexにして直した。

fixedなbackgroundがガタつく

→スムーズスクロールを強制的に無効にする

IE、Edgeでposition:fixedな要素がスクロール時にガタつく場合の対応策 | 雲をつかみに

IE、Edgeでposition:fixedな要素がスクロール時にガタつく場合の対応策

setTimeoutやsetIntervalでブラウザ見てない時にキューが溜まって戻ったら一気に処理されるアレ

前にほかっちゃさんの記事見てたの思い出した読んでも全くピンとこなかったアレやった

非アクティブなときのsetTimeout/setIntervalとrequestAnimationFrame – hokaccha hamalog v3

確かにrequestAnimationFrameで挟むとキューが溜まらなくなった

今回はスライダーを共同制作者がsetTimeoutで回していて、ウィンドウ見てない時にそのキューが溜まったので「???」となった。

        timer = setTimeout(function(){
            loop();
        }, 6000 + duration);

これを

        timer = setTimeout(function(){
            requestAnimationFrame(function() { loop() });
        }, 6000 + duration);

にすることで回避。

対応ブラウザ 〜 Androidは4.4から

Can I use… Support tables for HTML5, CSS3, etc
http://caniuse.com/#feat=requestanimationframe

こんなのもあった(使ってないけど)
setinterval関数が実行されまくるやつの回避 | UNIRRY
http://unirry.com/jquery_slide_setinterval-638.html

めも

Microsoft Edgeのユーザーエージェントがカオスなので注意 – Qiita
http://qiita.com/tonkotsuboy_com/items/7b36bdfc3a9a0970d23b

IEでのYouTube埋め込み動画再生エラー 「エラーが発生しました。しばらくしてからもう一度お試しください。」 – Qiita
http://qiita.com/sin_per/items/b5a395ee33a8a8bc6689

youtubeがエラーで再生できない – SKILLS OF LIFE
http://aimlight.blog.fc2.com/blog-entry-95.html