属性值描述
data-display="overlay"在内容上显示面板
data-display="push"是同时"推动"面板和页面。
data-display="reveal"默认值,将页面像幻灯片一样从屏幕划出,将面板显示出来

实例

<div data-role="panel" id="overlayPanel" data-display="overlay">
<div data-role="panel" id="revealPanel" data-display="reveal">
<div data-role="panel" id="pushPanel" data-display="push">

尝试一下 »

面板定位

默认情况下,面板会显示在屏幕的左侧。如果想让面板出现在屏幕的右侧,可以指定 data-position="right" 属性。

实例

<div data-role="panel" id="myPanel" data-position="right">

尝试一下 »

你可以指定面板的内容根据页面滚动而滚动。默认情况下面板是随着页面一起滚动的(但是面板的内容仍然位于页面顶部)。如果你需要实现面板内容固定不随页面滚动而滚动,可以在面板添加 the data-position-fixed="true" 属性:

实例

<div data-role="panel" id="myPanel" data-position-fixed="true">

尝试一下 »