Javascript 在div HTML5中滚动一页

Javascript 在div HTML5中滚动一页,javascript,jquery,html,jquery-scrollify,onepage-scroll,Javascript,Jquery,Html,Jquery Scrollify,Onepage Scroll,我在这个网站上工作(HTML5、CSS3和JS),它有两个div(页眉和页脚),它们有CSS位置:fixed,还有一个中心div,它有位置:absolute,并包含内容 我想做的是在这个具有绝对定位的中心div中实现滚动捕捉。但由于某种原因,我无法做到这一点。这是我尝试使用的jquery插件: 你们能帮帮我吗 下面是一个我正在尝试的JSFIDLE设置:您必须为容器指定一定的固定高度,然后将溢出属性应用于auto。当容器的内容超过一定的固定高度时,它将使您在容器内滚动。请参阅下文: div.con

我在这个网站上工作(HTML5、CSS3和JS),它有两个div(页眉和页脚),它们有CSS
位置:fixed
,还有一个中心div,它有
位置:absolute
,并包含内容

我想做的是在这个具有绝对定位的中心div中实现滚动捕捉。但由于某种原因,我无法做到这一点。这是我尝试使用的jquery插件:

你们能帮帮我吗


下面是一个我正在尝试的JSFIDLE设置:

您必须为容器指定一定的固定高度,然后将
溢出
属性应用于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。如果你像
%

希望它能有所帮助

我也尝试过Scrollyfy,但这对我也不起作用。当我以某种方式摆脱定位时,它会起作用,但在整个页面上,我不想看到,因为我的内容只在中间的“内容”部分。你的意思是隐藏滚动条,但仍然可以滚动吗?这有帮助吗?