带有 CSS 过渡的幻灯片闪烁

2022-01-19 00:00:00 transform slider frontend css slick.js

一直在研究可能的解决方法,但无法找出问题所在.

问题似乎只存在于 chrome 中.但它不会在 Chrome Canary 中发生.

解决方案

您的网站中可能有另一个样式表会导致此问题.

Have been researching possible fixes for this and just cannot figure out what's wrong.

The issue seems to only be in chrome. But it doesn't happen in Chrome Canary.

http://jsfiddle.net/de2yzzds/6/ (use arrow keys to navigate and I also need the html this way)

The slide flickers when it goes from the last slide to the first slide

I'm on a mac using Chrome Version 47.0.2526.80 (64-bit)

Using latest version of https://github.com/kenwheeler/slick

Can anyone else recreate the issue?

I've tried these solutions.

-webkit-transform: translate3d(0,0,0);

-webkit-backface-visibility: hidden;

解决方案

probably there is another style-sheet in your website that creates this problem.

相关文章