我希望使用 jquery Accordion 功能制作动画的无序列表能够占据屏幕的整个宽度和高度，以提供 native 移动应用程序的感觉。列表元素之一将始终下拉。
这是 jsfiddle
http://jsfiddle.net/SteveRobertson/Rm66M/5/
如何通过严格操作 CSS 来做到这一点？
动画是在 id = celebs 的 div 层上完成的，#celebs 我已经添加了
body, celebs, and html styling to remove all margins and padding
如何完全占据我的 View 的整个高度？
最佳答案
我不确定您正在寻找的感觉，但如果您希望您的部分占据 100% 的窗口高度:
html, body, #celebs, #accordion, li.active {
height: 100%;
}
请记住，这将使事件的 li 占据窗口的整个高度。如果您希望它“占据显示其他关闭 部分后剩余的任何垂直空间”，您需要做一些数学计算。 (窗口高度 - 其他 li 的组合高度 = 剩余用于调整事件 li 的大小)。
如果需要，您也可以简单地尝试使用 jQueryUI 的 Accordion 和 heightStyle: "fill" ( http://jqueryui.com/accordion/#fillspace )
关于jquery - 样式化 CSS 以提供原生应用程序的感觉，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15680250/