获取CSS位置转换,以不对窗口缩放做出反应
Get a CSS position transition not to react on window zooming
我有一个CSS3位置转换,当JavaScript函数调用时,它会使俯冲从一侧滑到另一侧(该函数会更改样式元素"left"的值)。这很好,但CSS转换也会对窗口缩放或调整大小做出反应,导致div在转换回原位之前在错误位置出现一秒钟。
有没有什么方法可以让它只对我的函数做出反应,或者我必须按照旧的方式来做,进行JavaScript转换?
编辑:您可以在此处找到我的代码:http://jsfiddle.net/PURFp/
您可以在开始动画之前添加过渡属性,并在动画结束后将其移除。下面是一个演示:http://jsfiddle.net/PURFp/2/.
相关文章:
- 调整缩放窗口高度提升缩放
- 更改子窗口的缩放级别
- 如何在缩放时获取移动浏览器窗口的宽度
- 谷歌地图API:当信息窗口关闭时,地图缩放回中心
- 相对于窗口缩放CSS
- 区分程序化Bing AJAX地图导航与用户平移/缩放和窗口大小
- 缩放图像,而不是在调整浏览器窗口大小时环绕图像
- 如何在窗口缩小/缩放级别小于 1 时将窗口缩放设置为默认值
- 缩放背景图像以适合 ie8 窗口
- 调整弹出窗口的大小以缩放级别
- 谷歌地图根据窗口大小设置不同的缩放
- "缩放“;使用JavaScript的浏览器窗口/视图
- 在弹出窗口打开之前,模式弹出窗口中的Elevate zoom缩放窗口显示在内容后面
- 获取CSS位置转换,以不对窗口缩放做出反应
- 自动缩放和自动居中显示窗口中的所有标记
- 根据窗口大小和纵横比缩放图像
- jQuery在缩放或调整窗口大小时重新调整背景图像
- HTML>根据窗口和图像大小旋转和缩放图像
- 在新的internet explorer子窗口上设置缩放级别
- 使用窗口定向来修复ipad缩放问题