jquery移动固定面板不工作1.4.5答案

【问题标题】：jquery mobile fixed panel not working 1.4.5jquery移动固定面板不工作1.4.5
【发布时间】：2016-09-22 22:07:23
【问题描述】：

Jquery mobile，固定面板的演示：不工作。左侧面板正在滚动内容。

http://demos.jquerymobile.com/1.4.5/panel-fixed/

注意到 ui-panel-fixed 样式类仅在面板关闭时添加。

 <div data-role="panel" data-position-fixed="true" data-display="push" 
data-theme="b" id="nav-panel" class="ui-panel ui-panel-position-left
ui-panel-display-push ui-body-b ui-panel-animate ui-panel-open">

<div data-role="panel" data-position-fixed="true" data-display="push" 
data-theme="b" id="nav-panel" class="ui-panel ui-panel-position-left
ui-panel-display-push ui-body-b ui-panel-animate ui-panel-closed 
ui-panel-fixed">

怎么了？

【问题讨论】：

标签： jquery-mobile panel fixed

【解决方案1】：

看来data-position="fixed" 到现在为止都不能正常工作，所以一个简单的覆盖就可以解决问题。

.ui-panel{

    position: fixed !important; 
}

虽然帖子很老了，但我还是把它留在这里，以防有人还在寻找答案。

【讨论】：