2014-02-10 83 views
-1

首先,由於責任人的緣故,skrollr已被證明非常有幫助。如何在不影響頁面高度的情況下添加skrollr-body標籤?

我試圖在除了固定背景之外的所有元素周圍添加skrollr-body標籤,我認爲我已經正確地完成了,所以它適用於移動設備,但它裁剪頁面的頂部,告訴你爲什麼。

頁沒有Skrollr體(我多麼希望它看起來) - http://olivershilling.co.uk/demo.html

頁與Skrollr體(造成的問題) - http://olivershilling.co.uk/demo-2.html

任何想法?否則,我可能會將其禁用在小屏幕上。

非常感謝

+0

你需要重新思考你的CSS。 '#welcome'具有'height:100%',它現在相對於'#skrollr-body',它具有取決於內容的動態高度。 – Prinzhorn

+0

Prinzhorn,我有同樣的問題,而且我不能100%清楚我應該做什麼。我的第一部分只有一個標誌,所以我必須強制該部分的高度爲100%,但使用Skrollr-body ID時,我將該部分摺疊到內容的高度。我不確定你的意思是重新考慮你的CSS。 – icekomo

+0

嗯..我認爲這是一個網站,人們可以分享問題和糾正行爲對於可能有同樣問題的其他人?代碼,代碼在哪裏?就目前來看,這個問題不是很有幫助。 – zipzit

回答

0

我有同樣的問題,我周圍的方式,它是在加載DOM後使用JavaScript #skrollr-body元素的高度設置爲100%

這裏是我的代碼:

$(document).ready(function(){ 
$("#skrollr-body").css("height", "100%"); 
}); 

希望這對你的作品。

+0

當你把它放入你的CSS時,它不會工作嗎? – Prinzhorn

+0

@Prinzhorn不,由於某種原因它打破了手機上的滾動:( – bruhbruh

相關問題