2013-07-05 163 views
0

這不是一個關於獨立於頁面滾動的JQM面板的問題,雖然這是一個問題,我遇到了麻煩並且幾乎要克服,這是關於使面板滾動順暢並忽略設備瀏覽器的問題邊緣事件(或任何正確的術語,我會在下面解釋)。jQuery Mobile面板平滑滾動

基本上,我試圖在谷歌的移動網站上覆制菜單,這自然不像我們常見的民間那樣使用JQM。我已經非常接近,但滾動動畫非常僵硬。我需要它是基於動量的,而不是固定在你的手指上。

此外,當您到達菜單的頂部或底部時,它會被視爲文檔的極端,因此瀏覽器會將整個文檔向上或向下移動以指示頁面的邊緣。相反,當面板打開時,頁面不應該移動,並且菜單應該在面板內發生這種行爲。

由於我已將面板高度設置爲100%,因此這會在菜單打開時強制iOS Safari上的地址欄下降。這似乎正是Google上發生的事情,但如果有解決方法,我很樂意聽到它。

最後,我模擬獨立滾動的方式的一個缺點是隻是在面板打開時將內容包裝設置爲固定。但是,這意味着面板打開時頁面總是滾動到頂部。任何替代品,這將不勝感激。我想我可以將頁面頂部設置爲scrollTop或其他東西。

總結:

  • 面板菜單需要菜單上的平滑滾動(動量,而不是直接接觸)
  • 彈性邊緣,而不是窗口
  • iOS的Safari瀏覽器的地址欄與高度
  • 頁面干擾當面板打開時固定在頂部

如果我的任何描述沒有任何意義,只需訪問goo gle.com在您的手機上並查看他們的菜單。

回答