在ASP.NET MVC 4中使用jQuery Mobile 1.3面板时双滚动条

Gar*_*y R 8 jquery jquery-mobile asp.net-mvc-4

我无法弄清楚这一点.一旦我将以下代码放在布局页面中并在浏览器中查看它,我就会显示2个垂直滚动条.

<div data-role="panel" 
     id="mypanel" 
     data-position="right" 
     data-display="push" 
     data-theme="a">       
</div><!-- /panel -->
Run Code Online (Sandbox Code Playgroud)

Cla*_*ato 16

有类似的问题,并注意到只有在使用我的自定义主题时.我将错误订单上的自定义主题添加到页面中,这导致了问题.正确的顺序是:

jquery.mobile.CUSTOM.min.css
jquery.mobile.structure-1.3.1.min.css
Run Code Online (Sandbox Code Playgroud)

希望这也有助于其他人.

如@ user812775所述,如果您使用自定义主题,则只应使用jquery.mobile.结构 .css而不是完整的jquery.mobile.css

  • 从上面可能不是很明显,使用自定义主题你必须使用'结构'样式表,而不是普通的jqm样式表.从这里获取它http://jquerymobile.com/download/. (2认同)

Gar*_*y R 2

JQM 代码添加了“min-height: ...”,因此解决方案是将“min-height: 覆盖为 0px”。