获取CSS位置转换,以不对窗口缩放做出反应

Get a CSS position transition not to react on window zooming

本文关键字:缩放 窗口 位置 CSS 转换 获取      更新时间:2023-09-26

我有一个CSS3位置转换,当JavaScript函数调用时,它会使俯冲从一侧滑到另一侧(该函数会更改样式元素"left"的值)。这很好,但CSS转换也会对窗口缩放或调整大小做出反应,导致div在转换回原位之前在错误位置出现一秒钟。

有没有什么方法可以让它只对我的函数做出反应,或者我必须按照旧的方式来做,进行JavaScript转换?

编辑:您可以在此处找到我的代码:http://jsfiddle.net/PURFp/

您可以在开始动画之前添加过渡属性,并在动画结束后将其移除。下面是一个演示:http://jsfiddle.net/PURFp/2/.