jQuery Mobile - 基于设备方向的固定标头

时间:2012-05-28 11:27:36

标签: jquery mobile

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

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

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

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

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

提前致谢!

1 个答案:

答案 0 :(得分:0)

您可以绑定到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。可能需要一些调试才能让它工作,但没有理由不这样做。