1

我正在尝试创建一个可折叠的，当展开时，它应该滚动它下面的内容。所以它下面的内容保持不变。

 <div data-role="collapsible">
     <h3>Content of collapsible</h3>
     <ul data-role="listview">
         <li>I'm the collapsible set content.</li>
         <li>I should roll over the data beneath me.</li>
     </ul>
 </div>
 <div>
     <p>I'm data underneath.</p>
     <p>I should remain in place when the collapsible is unfolded.</p>
 </div>

示例代码：http: //jsfiddle.net/3swM6/

可能我使用了错误的方法来实现这一点。

4

2 回答 2

1

要达到这种效果，您需要设置要“粘贴”的内容的位置。

这是一个工作示例：http: //jsfiddle.net/jakemulley/xU6Pv/

我使用了以下 CSS：

.hider .ui-collapsible-content {
    position: absolute;
    width: 100%;
}

希望我有所帮助！

于 2014-04-27T22:09:27.933 回答
1

您只需要在 jQueryMobile 生成的可折叠内容上使用这些 CSS 规则：

position: absolute;
width: 100%;

这是您的 jsfiddle 中的一个工作示例：http: //jsfiddle.net/3swM6/1/

于 2014-04-27T22:09:41.230 回答