如何在单页网站上制作“一页卷”答案

【问题标题】：How to make the "one scroll" on a one page website如何在单页网站上制作“一页卷”
【发布时间】：2016-06-05 01:00:08
【问题描述】：

我将首先链接您what 我正在谈论。我想知道如何制作这样的滚动条，您只需滚动一次即可进入下一部分。

因此，如何制作单页网站（是的，也许我会添加更多部分，但想知道这样做的属性是什么） This 是我所说的一页网站。

【问题讨论】：

scroll a full page height up or down with jQuery/Javascript的可能重复
在滚动时，您可以使用 animate 然后 scrollTop 到该部分，或者另一种方法是在滚动时使用 translateY，但要注意滚动事件以高速率触发，因此您需要限制事件，您可以请求动画帧，不要在滚动时设置动画，而只是更改 Y 值 stackoverflow.com/questions/37502075/…

【解决方案1】：

试试FullPage;它支持垂直和水平部分。

【讨论】：

【解决方案2】：

有很多可用的库。对于这种 CSS，我建议 Fullpage。它将为您提供一些额外的功能，例如垂直滚动中的水平滚动，这将使您的网站更具吸引力。

希望这会有所帮助。

【讨论】：

是的，这就是我所说的，但我有一个问题：我试图放置一个背景图像，1366x768 像素，具有以下属性：background-size: cover; background-repeat: no-repeat; background-position: center center;
那么问题是什么？

【解决方案3】：

您可以为页面的每个部分使用类，然后使用该类名和 jquery，您也可以这样做。有关更多信息和演示，您可以查看下面的链接。它可能会对您有所帮助。

您可以在这里查看下面的演示和解决方案，一页部分滚动非常好。

【讨论】：