首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Passive event
订阅
1397号观察员
更多收藏集
微信扫码分享
微信
新浪微博
QQ
2篇文章 · 0订阅
让 touch 系列事件触发的滚动响应更快 | Web | Google Developers
我们都知道,对于移动端的网页而言,滚动是十分重要的交互,然而 touch 系列事件触发(滚动后)经常会引发严重的性能问题。为了解决这问题,Chrome (通过允许往addEventListener()中传入{passive: true})让touch系列事件的事件监听器变为“被动”(译者注:其实就是touch之后,不再是执行完事件函数后再滚动),同时 pointer 事件相关的API(也支持相关参数)。这些都是很有用的特性,能使处理( touch 系列)事件的过程中,不会妨碍页面的正常滚动,然而开发者们有时候会觉得它们难以理解,更不会去使用。
[译] 让滚动在默认情况下变得更流畅
在 Chrome 56 中, 我们将 touch 监听器默认设为 passive, 为的就是吸引开发者们的注意. 我们相信通过这么做, 能够很大程度上提升用户体验, 并且尽量缩减站点上的负面体验. 在极个别的场景下, 这项调整可能引起预料之外的滚动. 这通常可以简单的通过应用 touch-action: none 样式到那些不该出现滚动的元素上. 继续阅读来了解更多细节,比如怎样知道你是否被影响到了;假如是,你该怎么做.