滚动JQueryMobilePanel与内容

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (74)

我正在使用JQuery Mobile开发HTML 5移动应用程序。该设计需要一个可以独立于主内容滚动的边栏菜单,例如,你可以在页面某处滚动,打开菜单并在该菜单内滚动而不滚动页面内容。

为了实现菜单,JQuery Mobile滑动面板是一个明显的选择。但是,我无法让他们单独滚动内容。

refresh()显示面板后调用iScroll对象不起作用。

有谁知道一个独立于内容div滚动JQuery Mobile面板的解决方案吗?

提问于
用户回答回答于
  .ui-panel.ui-panel-open {
    position:fixed;
}
.ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

为了防止滚动显示什么时候不需要滚动,请更改;

overflow: scroll;

overflow: auto;
用户回答回答于

在JQueryMobile样式表之后添加此CSS:

    .ui-panel.ui-panel-open {
        position:fixed;
    }
    .ui-panel-inner {
        position: absolute;
        top: 1px;
        left: 0;
        right: 0;
        bottom: 0px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

扫码关注云+社区

领取腾讯云代金券