【发布时间】：2013-08-13 23:36:59
【问题描述】：
我有这个例子：
jsfiddle.net/6mNpp/
当左侧菜单打开并且整个网站正在滚动时，是否可以防止其滚动？我的意思是，当我打开左侧菜单并滚动内容时，左侧菜单也会滚动。如何使它们具有独立滚动？
谢谢 尼克
【问题讨论】：
标签： jquery-mobile panel swipe
【发布时间】：2013-08-13 23:36:59
【问题描述】：
您可以使用 CSS 将面板设置为固定。这样，当内容滚动时，左侧面板不会滚动。
代码和JSFiddle一样，只是在样式中加上position:fixed
<div data-role="panel" id="defaultpanel" data-display="push" data-theme="b" style="overflow:auto; position: fixed;" data-animate="false">
【讨论】：
-
谢谢！现在如何使用滚动条使左侧导航UL，而不设置任何高度？我的意思是如果我在左侧有 30 个链接，我不需要设置高度。但是没有高度，就没有 Y 轴。
-
@Jabel Márquez 完成此操作后，左侧菜单固定在其位置，并且根本不滚动。如何在不设置高度的情况下解决此问题，因为在移动设备中，屏幕的高度会随着方向的变化而变化，但手动设置的高度不会改变，因此菜单会隐藏其中的一些元素。我该如何解决这个问题？
-
我遇到了同样的问题。由于框架设置的高度，使用“溢出：滚动”是没有用的。等待 JQM 1.7 现在似乎不是一个选择。
更多信息...
JqueryMobile 路线图 http://jquerymobile.com/roadmap/ 表示独立 scolling 应该在 1.7 版本中出现
另一种可能的破解解决方法可能是通过 iframe 添加 div 可能会提供笨拙的解决方案。
【讨论】：