0

我希望使用 jquerys 手风琴功能进行动画处理的无序列表占据屏幕的整个宽度和高度，从而给人一种原生移动应用程序的感觉。列表元素之一将始终被下拉。

这是jsfiddle

http://jsfiddle.net/SteveRobertson/Rm66M/5/

如何通过严格操作 CSS 来做到这一点？

动画是在 id = celebs, #celebs 我添加的 div 层上完成的

    body, celebs, and html styling to remove all margins and padding

如何完全占据我的视图的整个高度？

4

1 回答 1

1

我不确定您正在寻找的感觉，但如果您希望您的部分占据 100% 的窗口高度：

html, body, #celebs, #accordion, li.active {
    height: 100%;
}

请记住，这将使活动 li 占据窗口的整个高度。如果您希望它“在显示其他封闭部分后占用剩余的任何垂直空间”，您需要做一些数学运算。（窗口高度 - 其他 li 的组合高度 = 剩余的用于调整活动 li 的大小）。

如果你愿意，你也可以简单地尝试使用 jQueryUI 的手风琴heightStyle: "fill"（http://jqueryui.com/accordion/#fillspace）

于 2013-03-28T12:53:06.297 回答