手機網站滾動問題

Question

在建立網站www.nutcraft.co.uk/shop.html時，它在正常瀏覽器中表現正常，但是在移動瀏覽器中查看時，它不會滾動，並且內容被鎖定在頂部屏幕。

我已經四處閱讀試圖找出這個修復，但我很茫然。 （知道我必須清理div標籤等，但我更像一個設計師，而不是編碼器，我的腦袋正在旋轉）！

任何幫助將不勝感激。

Answer 1

你有一個內嵌樣式與身體溢出：只隱藏在您的手機視圖。這是由網格系統的JavaScript添加的（您正在使用稱爲5grid的東西）。或者網格系統有問題，或者你缺少一些組件。我對5grid不熟悉，所以我不能說他們的網格系統是否健壯。

我試圖找出更多，並沒有發現任何網上有關它。因此，如果沒有文檔，除了猜測網格系統未經過移動測試，我無法做出任何幫助？它似乎使用了很多基於觸摸的javascript。

如果是我，我會首選媒體查詢JavaScript解決方案，當談到使網站響應。

如果你仍然想使用網格系統，你可以添加CSS樣式：

overflow:visible !important; 

你的身體標記。這應該有希望解決問題。但是請檢查一下它是否會影響已經運行的移動設備的網站體驗。