jQuery移動面板固定位置不起作用

Question

我有一個帶有兩個面板的Web應用程序。 選擇並顯示面板后，用戶可以繼續向下滾動整個頁面。 問題是面板菜單向下滾動，留下一堆空白，菜單回到頂部。 我嘗試在面板的div中實現data-position-fixed= "true" ，但這沒有用。 我還添加了一個css position: Fixed約束position: Fixed ，這很有幫助，但是，當設備轉到水平位置時，它會切斷菜單：/的一半。 謝謝您的投入！ 我也在使用Jquery庫1.8.3和jquery移動版1.3.0。

Answer 1

它應該是：

<div data-role="header" data-position="fixed">
    <h1>Fixed Header!</h1>
</div>

不：

<div data-role="header" data-position-fixed="true">
    <h1>Fixed Header!</h1>
</div>

更多信息在這里

Answer 2

使用位置：固定 是處理此問題的正確方法。 您應該考慮使用媒體查詢來更改水平視圖的頂部和左側坐標。

    div {
        position: fixed;
        top: 10px;
        left: 20px;
    }
    @media all and (max-device-width: 400px) {
     div {
             top: 0;
             left: 0;
             /* change these coordinates to suit when the device is rotated */
         }
    }