Question

我在这个网站上工作（HTML5，CSS3和JS）它有2个div（页眉和页脚），它们有CSS position: 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为单位。如果给出%之类的相对高度，它将无法工作希望它有所帮助

div HTML5中的单页滚动

1 个答案: