我目前正在开发移动设备网站,并使用jquery mobile。
我使用以下标题将标题置于固定位置:
<header data-role="header" data-position="fixed">
这非常合适,但是当在横向模式下在设备上查看页面时,标题会占用很多空间。
使用jquery mobile是否可以仅在纵向模式下设置data-position =“fixed”并在横向模式下设置NOT固定标题?
提前致谢!
答案 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。可能需要一些调试才能让它工作,但没有理由不这样做。