Javascript 启用面板向左滚动时，如何显示左侧部分可见的页面？

在这里，我可以发现有一个over-lay选项，在这里我可以隐藏或显示右侧或左侧的面板。但我想在面板中显示90%或+的面板。与facebook mobile相同的例子是，我们可以选择在新闻提要的一小部分同时看到右侧的好友列表

我在上面提供的链接中尝试了一些代码，代码如下

<div data-role="page">

<div data-role="panel" id="mypanel">
<!-- panel content goes here -->
</div><!-- /panel -->

 <!-- header -->
  <!-- content -->
  <!-- footer -->

  </div><!-- page -->

当面板可见时，我的页面的90%必须隐藏在页面的一侧，为了使其处于这种状态，还必须实现什么呢

---

谢谢

您需要覆盖许多类才能实现页面面板的90%

面板总宽度：

.ui-panel {
  width: 90%;
}

面板的位置（左）：

等于面板的宽度

.ui-panel-position-left {
  left: -90% !important;
}

打开面板（三维变换）：

动画：

提高或降低速度（ms）

面板的覆盖层/包装层：

这包括

数据可忽略的面板的可点击区域

设置为真或假

.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open, .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
  left: 90% !important;
  right: -90% !important;
}

---

这个插件似乎使用了

-webkit转换：translate3d（17em，0,0）以移动面板。尝试覆盖17em值。另外，在这里更改它
.ui面板位置left{left:-17em；}
@user3099570我希望这就是您要找的：）
.ui-panel-animate {
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  transition: transform 500ms ease;
}

.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open, .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
  left: 90% !important;
  right: -90% !important;
}