作者:洱冬橙66_156 | 来源:互联网 | 2023-10-11 12:00
https://jsfiddle.net/zjmove/2...
---看完xiaoboost的回答---
最后这样改最合适:https://jsfiddle.net/25d3ga9j...
我没说清楚,其实我并不需要next的动画,只需要left从右往左的效果。至于为什么初始display:block就没有动画效果,可能这样初始item就已经显示出来了,force reflow没来得及重绘;display:none就不需要重绘页面了,left时直接从右往左就行了。再次感谢。
--
只能说问题和这个force reflow有关,到底什么原理还是不清楚的。
--不同浏览器差异大啊
上面的改法,在firefox里完美,在chrome57(ubuntu)里鼠标移动会闪动一次
--初始display:block,打印transforms属性,发现force reflow并没有生效。总结一下:display:block并且有过渡效果(transition)时就不生效。
https://jsfiddle.net/25d3ga9j...