如何实现长滚动行为

问题描述 投票:0回答:1

所以我正在创建我的作品组合,我想实现类似于此的某种形式的长滚动:https://blocksphere.co/#home

我一直在阅读一些关于如何正确地获得这种行为并且遇到CSS快照滚动的文章,但这似乎只是引导用户到最近的容器而不是快照和暂停。

我需要一个如何实现此行为的简单示例,因为我有点难过这个行为是由JS还是纯CSS实现的。

提前致谢。

资料来源:https://css-tricks.com/introducing-css-scroll-snap-points/

javascript html css reactjs
1个回答
0
投票

这是一个纯CSS解决方案,如您提供的链接上显示的codepen中所述。浏览器对这种滚动方法的支持在旧版/旧版浏览器中并不是最好的,所以他们使用JavaScript代码为这些浏览器“填充”它。 Polyfilling意味着您有力地实现了在浏览器中本机实现的现代行为/功能。

© www.soinside.com 2019 - 2024. All rights reserved.