如何实现这种自动调整到您的视口的滚动效果

How to do this scroll effect which automatically adjusts to your viewport

本文关键字:调整 视口 滚动 何实现 实现      更新时间:2023-09-26

http://teacakedesign.com/

这就是我所指的网站。它将自动调整滚动项目的大小,以适应浏览器视口中的可用空间。

我不知道

这是否是最好的解决方案,但这就是我开始的方式:将容器的高度设置为元素数 * 100%(例如:5 个元素 -> 500%)。每个内部元素高度为100/n元素。在js文件中,我会在用户滚动时检查窗口的高度,然后向上或向下"n"像素对滚动条进行动画处理。