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