手機網站將無法滾動

-2

我遇到了我正在處理的網站的移動版本問題。我使用wordpress和桌面版本可以正常工作，但移動網站不允許使用觸摸屏進行滾動。我有一些位置固定的元素，我嘗試拿出，我試圖禁用各種jQuery腳本，但我不太確定是什麼導致此問題。我搜索了線程並嘗試了各種修復程序，但無法使其正常工作。任何幫助表示讚賞！謝謝。手機網站將無法滾動

Here is the link to the site

來源

2015-08-28 Noob

我看到我得到了-1，但沒有理由。我在這裏是新的，所以如果你解釋我做錯了什麼，我可以在以後更好地爲社區服務，並澄清任何混淆。我在Android手機上。我用盡了幾個小時看這裏和谷歌，無法修復該網站。請點擊鏈接並在android mobile上滾動，您將看到該問題，可能與觸摸屏相關，因爲菜單鏈接仍會將您滾動至網站的各個部分。 – Noob

失去了做滾動頂起的任何事情，這意味着當您滾動時，嘗試使頁面的某些部分變爲焦點的方式。老實說，即使實施得很好，他們也是噱頭和煩人的。你也有一大堆丟失的文件和javascript錯誤在控制檯中彈出。對於記錄-1是關於你的問題。 SO的目標是解決特定的編碼問題，即您提供的代碼是您嘗試過的不起作用的，我們試圖修復它。「這是斷開的鏈接」不符合條件。它看起來很苛刻，但它保持了場地的清潔和按預期工作。 –

我不認爲無論什麼你需要做的，作爲「修復」。發生的一切都是因爲它沒有被正確寫入 - 而且需要正確書寫。

我使用的是最新版本的Chrome瀏覽器，儘管在某種程度上是'sorta'卷軸 - 在桌面上 - 我會認爲整個事情都是一帆風順的。不可用。（當然，即使不是1％接近成爲一個WordPress主題，你實際上可以出售......或者使用你自己的布倫特。）

罪魁禍首可能是2件事的組合。首先，你可能不會真正理解CSS定位。一切都在做事情，並且以你無法控制的方式對其他元素做出反應。第二件事是你有大量的視差腳本 - 並且由於許多原因 - 在桌面上，尤其是移動設備上，這些都是一團糟。

視差通常通過將元素位置更改爲絕對值，然後使用該位置來抵消併產生該效果。視差 - 如果完全使用（我強烈建議不要這樣做） - 應該在最後添加爲「增強」。

HTML文檔的HTML /正文 - 不知道它有多高，除非它能清楚地理解它的子元素的高度。視差和其他你正在做的事情是讓這種事情變得不可能 - 所以 - 滾動的整個距離都是神祕的 - 這很可能就是爲什麼它的卷軸都搞砸了。

我敢打賭，你正在插入和播放某種主題（快速'什麼WordPress主題是'搜索揭示了很多] - 並且這可能你沒有學習編程的意圖...並且在那案例 - 我會建議得到一個方形空間網站或東西，並試圖裝飾像你一樣。

但是，如果您計劃學習 - 從頭開始創建此網站 - 無JavaScript。 - 之後 - 在網站完成所有基礎知識之後 - 您可以考慮添加一些動畫效果等。

雖然排除故障 - 將明亮的顏色寄生蟲放在一切附近，也許你會開始看到元素是如何工作的以自然流動或其他方式。

祝你好運！

來源

2015-08-28 16:30:15 sheriffderek

手機網站將無法滾動

回答

相關問題