Html CSS将页面滚动到长

我目前正在开发一个移动站点，它是桌面站点的简化版本。我开发了一个移动网页，你可以按下按钮滚动到网页的下一部分。然而，当你到达第二页的底部时，页面应该停止滚动。无论滚动继续进行，任何关于如何限制滚动量的建议或想法都将不胜感激

HTML:

---

Hi@Edev，我建议您使用此插件。在这里，您可以根据您的要求设置滚动量。我是否正确理解您想要限制在第二页结束时滚动的能力？为什么不通过媒体查询隐藏后续部分？@Runnick没错。我已经通过媒体查询隐藏了部分，但这个不需要的空白仍然存在。如果没有一些视觉参考，就很难理解。我刚刚添加了两张图片，因此尝试提供更好的视觉表现。您好@Edev，我建议您使用此插件。在这里，您可以根据您的要求设置滚动量。我是否正确理解您想要限制在第二页结束时滚动的能力？为什么不通过媒体查询隐藏后续部分？@Runnick没错。我已经通过媒体查询隐藏了部分，但是这个不需要的空白仍然存在。如果没有一些视觉参考，很难理解。我刚刚添加了两张图片，所以尝试提供更好的视觉表现。

<scroll-container>
    <scroll-page id="page1">
        {content}
    </scroll-page>
    <scroll-page id="page2">
        {content}
    </scroll-page>
</scroll-container>

scroll-container 
{ 
     display: block; 
     width: 100%; 
     height: 100%; 
     overflow-y: scroll; 
     margin: auto; 
}

scroll-page 
{ 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    height: 640px; 
    width: 100%; 
    position: relative;
    margin:0 auto 0 auto; 
}