在div HTML5中滚动一页

Question

我正在开发这个网站(HTML5、CSS3和JS)，它有两个div(页眉和页脚)，它们有CSSposition: fixed，还有一个中心div，它有position:absolute并包含内容。

我想做的是在这个具有绝对定位的中心div中实现滚动捕捉。但由于某种原因，我无法做到这一点。这是我尝试使用的jquery插件：https://github.com/peachananr/onepage-scroll

你们能帮帮我吗？

这是一个JSFiddle，我正在尝试设置：https://jsfiddle.net/icyyd/dswsg96d/

Answer 1

您必须给容器指定一定的固定高度，然后将overflow属性应用于auto。当容器的内容超过一定的固定高度时，它会让您在容器内滚动。参见下文：

div.container{
height: 80vh; //making height fixed in order to implement overflow property
overflow: auto; //it will give you scroll effect when content height exceeds 80vh;
}

记住给高度一个固定的高度，即以px/vh/vw为单位。如果你给%这样的相对高度，它就不会起作用希望它能帮助