當HTML內容動態創建時，移動設備上沒有滾動條

我正在構建一個響應式網站，其中大部分內容都是在客戶端創建的。原始的HTML是相當小和'短'，但是隨着內容的創建和添加，應用程序的整體高度增長。當HTML內容動態創建時，移動設備上沒有滾動條

我現在面臨的問題是，在移動設備上（iphone，ipad，Windows phone等），瀏覽器無法識別頁面正在增長的事實，因此沒有垂直滾動條被創建爲內容增長。

在iOS設備上可能會出現一些令人尷尬的滾動情況，但在Windows手機上，我聽說沒有滾動。

我該如何解決這個問題？我正在考慮爲我的html主體設置一個最小高度。還有別的事嗎？

下面是一個截圖，你可以看到沒有垂直滾動條，即使頁面相當長。 enter image description here

該網站已在http://jobtorch.net/現在。

你是什麼意思，它不_show_滾動條？在iOS和Android上，滾動條在用戶開始滾動之前不會顯示。你是說網頁本身不滾動？ – adamb

@adamb當用戶滾動頁面時不顯示滾動條。滾動也很尷尬，與Safari瀏覽器通常在iOS設備上滾動的方式不一致。 –

檢查腳本中是否有腳本中的event.preventDefault（） –

您的網頁的body未繼承.maincontent div的高度，因爲您在所述div上使用了絕對定位。（body的高度是移動瀏覽器用於識別「頁面」滾動的值）。

從您的CSS中刪除position: absolute;對於.maincontent，您應該沒問題。

2013-10-24 16:17:17 adamb

這樣做，謝謝。 –

回答