Jquery mobile 带有固定工具栏的Jquery移动面板样式
我根据中的样本设置面板的宽度。 一切都很顺利,但我在页脚的固定工具比页眉和内容移动得更远。这会使固定工具栏与面板之间产生间隙。 有人知道怎么解决这个问题吗?Jquery mobile 带有固定工具栏的Jquery移动面板样式,jquery-mobile,panel,styling,gaps-in-visuals,Jquery Mobile,Panel,Styling,Gaps In Visuals,我根据中的样本设置面板的宽度。 一切都很顺利,但我在页脚的固定工具比页眉和内容移动得更远。这会使固定工具栏与面板之间产生间隙。 有人知道怎么解决这个问题吗? 谢谢。请在您的问题中添加更多详细信息。.已解决。我发现我应该在css文件中添加.ui-responsive-panel.ui-page-panel-open.ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left。然后您
谢谢。请在您的问题中添加更多详细信息。.已解决。我发现我应该在css文件中添加.ui-responsive-panel.ui-page-panel-open.ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left。然后您可以回答自己的问题并选择它作为正确答案。请在您的问题中添加更多细节。已解决。我发现我应该在css文件中添加.ui-responsive-panel.ui-page-panel-open.ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left。然后您可以回答自己的问题并选择它作为正确答案。。
#demo-page #left-panel.ui-panel {
width: 15em;
}
#demo-page #left-panel.ui-panel-closed {
width: 0;
}
#demo-page .ui-panel-position-left.ui-panel-display-reveal {
left: 0;
}
#demo-page .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
left: 15em;
right: -15em;
}
#demo-page .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
left: 0;
right: 0;
-webkit-transform: translate3d(15em,0,0);
-moz-transform: translate3d(15em,0,0);
transform: translate3d(15em,0,0);
}
/* Reveal menu shadow on top of the list items */
#demo-page .ui-panel-display-reveal {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#demo-page .ui-panel-content-fixed-toolbar-position-left, .ui-panel-content-wrap-position-left {
-webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
-moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
box-shadow: -5px 0px 5px rgba(0,0,0,.15);
}