求一份 css 属性 scroll-snap 的浏览器兼容性说明

2018-11-15 14:37:25 +08:00
 TomVista

我百度不到啊,...有前端大佬指引下吗

1079 次点击
所在节点    程序员
7 条回复
tyx1703
2018-11-15 16:21:32 +08:00
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap_Points#Browser_compatibility
tyx1703
2018-11-15 16:23:53 +08:00
@tyx1703 尴尬了，这是个模块

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap
里面属性点进去都有浏览器兼容性说明
Archeb
2018-11-15 17:50:15 +08:00
https://caniuse.com/#search=scroll-snap
TomVista
2018-11-16 07:58:20 +08:00
@Archeb @tyx1703 感谢

我准备用这个加上隐藏滚动条来代替移动端侧滑.但是发现兼容性有点尴尬,虽然性能爆表.
TomVista
2018-11-16 08:04:13 +08:00
@tyx1703 这个属性有其他兼容的高性能解决方案吗? polyfill 在移动端的性能可靠吗?
tyx1703
2018-11-16 08:16:31 +08:00
@TomVista 抱歉，没有用过，你可以查一下相关资料
TomVista
2018-11-16 08:25:11 +08:00
@tyx1703 谢啦,polyfill 好像是个 js 解决方案,和我预想的不太一样,

这样的话,只能使用 transform 再搭配 js 实现侧滑,不过高性能的 dom 是真的难写,啊,纠结啊,(╯‵□′)╯︵┻━┻

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/508150

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX