div使用css3zindex无效 transform做位移动画,js能实时获取div的位置吗

今天在开发纯手工js打造图片滚动效果的时候遇到一件不愉快的兼容事件。
之前js设置图片滚动动画效果如下:

以上使用js设置style样式的方式实现在pc端显示的各种好,可以自動滚动一到手机上面各种不兼容就出来了。在addSlideStyle里面添加-webkit-前缀也没有得以解决

于是乎,各种搜索原来是mobile的兼容问题改成js设置动画:

知識小科普:其中设置各种浏览器兼容性格式如下

  最近在做项目的过程中需要實现一个导航按钮固定的效果但是即使在div上加上position:fixed样式,div还是没有固定怎么尝试都不行。后来前端的同事查了一下资料说可能是弹窗的divΦ有transform属性导致position:fixed失效了

我要回帖

更多关于 css3zindex无效 的文章

 

随机推荐