我目前正在开发一个移动设备网站，我正在使用 jquery mobile。
我使用以下方法将标题放在固定位置：
<header data-role="header" data-position="fixed">
这很好用，但是当在设备上以横向模式查看页面时，页眉会占用大量空间。
jquery mobile 是否可以仅在纵向模式下设置 data-position="fixed" 而在横向模式下设置 NOT 固定标题？
提前致谢！
【问题讨论】：
您可以绑定到orientationchange 事件并在标题上调用$("[data-position='fixed']").fixedtoolbar('hide');。
这是讨论固定工具栏http://jquerymobile.com/demos/1.1.0/docs/toolbars/bars-fixed-methods.html 上可用方法的jQuery Mobile 页面。
这些是可用的事件http://jquerymobile.com/demos/1.1.0/docs/api/events.html，其中之一是orientationchange。
您可以尝试使用带有数据位置属性而不是#header 的实际选择器。可能需要进行一些调试才能使其正常工作，但没有理由不这样做。
【讨论】：