如何在现实世界中使用的卷轴snap?

问题描述 投票:0回答:1
,并试图了解其在现实世界Web应用程序中的应用。当我经历了在线资源解释语法以及如何实施

scroll-snap-type

scroll-snap-align
时,我还没有找到明确的示例,说明了如何在实时Web应用程序中使用此功能。
从我的理解中,
scroll-snap
可以提供平稳而受控的滚动体验,但我想探索其实际应用,而不仅仅是理论用例。具体来说,我想知道在哪些网站和用户界面中通常实现此功能。

,例如,是否存在积极使用

scroll-snap

来增强用户体验的著名网站,应用程序或行业?我听说它对于旋转木马,产品显示,整页滚动网站和分步表格可能很有用,但是我想对公司或开发人员如何在专业项目中利用它有更深入的了解。
在实施

scroll-snap

时,是否有任何绩效注意事项或最佳实践?它在所有现代浏览器中都可以很好地工作吗?还是有兼容性问题需要注意?

如果可能的话,您是否可以提供现实生活中的行动示例,以及何时应该和不应在网络设计中使用的见解?

文档中清楚地说明了所有内容:

CSS卷轴snap
。示例

croll inAction

非常清楚:您可以通过视图查看一些带有对象的大型场景。

如果对象的布局是规则的,则您可能不希望不平滑滚动,而是滚动在某些对象特征上,例如,将每个对象居中在视口中,请参见由它们边界矩形的一个侧面对齐的对象,因此on.

要查看行为差异,检查或取消选中复选框
css
1个回答
0
投票
,请使用箭头的箭头和滑块。

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.