将div滚动到div的CSS转换

Question

我正在构建网站，并希望使用此网站上显示的功能：http://wrapbootstrap.com/preview/WB078J269

具体来说，滚动如何暂时锁定并强制用户在向前滚动之前读取div中的内容。

我尝试过从div到div开始但不成功的css过渡。我也试过了：

.div_container {
  overflow: hidden;
} 

我对每个容器的index.html看起来像这样：

<div id="content-container-1" class="content-container">(#content...)</div>
<div id="content-container-2" class="content-container">(#content...)</div>
<div id="content-container-3" class="content-container">(#content...)</div>
<div id="content-container-4" class="content-container">(#content...)</div>

任何想法都将不胜感激！

Answer 1

This可能就是你要找的东西。这是该网站上使用的jQuery脚本。

Answer 2

好吧，锁定的滚动是通过jQuery完成的，但div高度可以通过执行以下操作来完成：

1. 将html和body设置为：

   的位置是：绝对的;  顶部：0;  左：0;  宽度：100％;  高度：100％;

2. 将您的content-container换入另一个div，然后计算它里面的页数。例如，如果它有4页，则将其高度设置为400％。一定要确保绝对的位置。

3. 然后将content-container设置为：

   位置：相对; 向左飘浮; 明确：两者; 宽度：100％; 高度：25％;

和taadaa！你应该是金色的。