Question

我目前正在开发移动设备网站，并使用jquery mobile。

我使用以下标题将标题置于固定位置：

<header data-role="header" data-position="fixed">

这非常合适，但是当在横向模式下在设备上查看页面时，标题会占用很多空间。

使用jquery mobile是否可以仅在纵向模式下设置data-position =“fixed”并在横向模式下设置NOT固定标题？

提前致谢！

Answer 1

您可以绑定到orientationchange事件并在标题上调用$("[data-position='fixed']").fixedtoolbar('hide');。

这是jQuery Mobile页面，它讨论了固定工具栏http://jquerymobile.com/demos/1.1.0/docs/toolbars/bars-fixed-methods.html上可用的方法。

这些是可用的事件http://jquerymobile.com/demos/1.1.0/docs/api/events.html，其中一个是orientationchange。

您可以尝试使用数据位置属性显示的实际选择器而不是#header。可能需要一些调试才能让它工作，但没有理由不这样做。