單頁滾動內部的div HTML5

我在這個網站上工作（HTML5，CSS3和JS）它有2個div（頁眉和頁腳），它們具有CSS position: fixed，並且有一箇中心div有position:absolute幷包含內容。單頁滾動內部的div HTML5

我想要做的是實現在這個具有絕對定位的中心div內的滾動對齊。但由於某種原因，我無法做到這一點。這是我試圖使用的jQuery插件：https://github.com/peachananr/onepage-scroll

你們能幫我嗎？

這裏是一個的jsfiddle與建立IM嘗試：https://jsfiddle.net/icyyd/dswsg96d/

來源

2017-01-26 icyyd

我試過它與Scrollify以及但沒有爲我工作。當我以某種方式擺脫定位時，它可以工作，但在整個頁面上，我不想要，因爲我的內容只在中心「內容」div中。 – icyyd

你的意思是隱藏滾動條，但仍然可以滾動嗎？ –

這有幫助嗎？ https://jsfiddle.net/dswsg96d/1/ –

你必須給予一定的固定高度容器然後overflow屬性應用於汽車。當容器的內容超過某個固定的高度時，它會讓你在容器內滾動。請參閱以下內容：

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。它不會工作，如果你給相對高度如% 希望它可以幫助

來源

2017-01-26 02:49:54

單頁滾動內部的div HTML5

回答

相關問題