2019/04/09こんにちは。Webookerです。タイトルの通りですが、Windows10のEdgeだけなぜかスライドショー(カルーセル)がスムーズに動かなかったのでメモしておきます。結論から言うと、スライドショーとして使っていたhtmlのdiv要素に、cssでheight:100%を指定していたことが原因でした。height:100%;}}MacもWindowsもすべてのブラウザでスムーズに動いていたのですが、なぜかMicrosoftのEdgeだけが滑らかなスクロールではありませんでした。ちなみに、bxsliderにする前はslick.jsを使っていました。スクロールがEdgeだけスムーズではないと気がついたのはその時で、もしかするとそれもcssのheight指定が問題だったのかもしれません。(未検証)slick.jsは、以下のようなissueが登録されているので、height指定に関係なくEdgeでスムーズではない可能性もあります。https://github.com/kenwheeler/slick/issues/3425検索しまくっても分からず、他のjsが干渉しているのかと一旦全消ししてみたり、スライドショーのjsを変えてみたりしましたが、結局原因は過去の自分が消し忘れたcssだったと知って愕然。(そりゃ検索に出ないわ!でも同じ現象が出て困っている人がいるかもしれないと記事にしてみました。)slick.jsは簡単に実装できて、オプションも豊富な素敵なスライドショーですが、ticker表示(ニュースモード?)にする場合はbxsliderの方がいいのかもしれないなーと思いました。Mac広告Web・グラフィックデザイナー、マークアップエンジニア。関西在住のフリーランス。Edition運営中。【2019年振り返り】メニエール病で仕事ができなくなったフリーランスWebデザイナーの話こんにちは。Webookerです。Webデザイン4月26日までセール中!UdemyでフリーランスWebデザイナーの私が購入した講座一覧Udemyはオンラインで講義を受講できるWebサービスです。続きを読む...RSSリーダーで購読するWebookerはAmazon.co.jpアソシエイトに参加しています。