Jquery移动面板固定位置不起作用

Question

我有一个带两个面板的网络应用程序。选择并显示面板后，用户可以继续向下滚动整个页面。问题是面板菜单向下滚动，留下一堆空白区域，菜单返回顶部。我尝试在面板的data-position-fixed= "true"中实施div，但这不起作用。我还添加了position: Fixed的css约束，这有助于，但是当设备转到水平位置时，它会切断菜单的一半：/。谢谢你的任何输入！ 我也在使用Jquery库1.8.3和jquery mobile 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>

更多信息Here

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 */
         }
    }