如何通过在移动端开发教程中应用指令修饰符.passive优化滚动流畅度?
- 内容介绍
- 相关推荐
本文共计566个文字,预计阅读时间需要3分钟。
简单修改伪创新以下开头内容,不要试图解释问题,不要数落,不超过100个字,直接输出结果:
为什么移动端滚动特别需要 .passive
移动端 touchmove 和 scroll 事件每秒可触发上百次。浏览器默认认为你可能要阻止滚动(比如做下拉刷新或禁止滑动),所以每次都会等你的 JS 回调执行完再滚动——哪怕回调只是一行空语句,也会造成肉眼可见的延迟。
加上 .passive 后,浏览器不再查询、不等待、不阻塞,手指一动,页面即滚,帧率更稳。
本文共计566个文字,预计阅读时间需要3分钟。
简单修改伪创新以下开头内容,不要试图解释问题,不要数落,不超过100个字,直接输出结果:
为什么移动端滚动特别需要 .passive
移动端 touchmove 和 scroll 事件每秒可触发上百次。浏览器默认认为你可能要阻止滚动(比如做下拉刷新或禁止滑动),所以每次都会等你的 JS 回调执行完再滚动——哪怕回调只是一行空语句,也会造成肉眼可见的延迟。
加上 .passive 后,浏览器不再查询、不等待、不阻塞,手指一动,页面即滚,帧率更稳。

