昨天做项目的时候发现了一个问题
transition: transform .3s cubic-bezier(.53,.1,.81,.38);
-webkit-transition: transform .3s cubic-bezier(.53,.1,.81,.38);
在chrome模拟器中可以正常触发webkitTransitionEnd 事件
但是在ios微信浏览器中无法触发webkitTransitionEnd 事件
修改为
transition: all .3s cubic-bezier(.53,.1,.81,.38);
-webkit-transition:all .3s cubic-bezier(.53,.1,.81,.38);
后可以成功触发
有一处代码忘记修改,今晚又浪费了我两个小时,贴出希望大家能少在这里浪费时间
本文分享了一段在项目中遇到的技术挑战:在Chrome模拟器中正常触发webkitTransitionEnd事件,但在iOS微信浏览器中无法触发。通过将transition属性从针对transform单独修改为针对所有属性,成功解决了问题。分享此经验以帮助开发者避免类似时间的浪费。
571

被折叠的 条评论
为什么被折叠?



