javascript - 带有 iOS 透明状态栏的 JQM 固定 header

Question

更改仅适用于 iOS 的 JQM 样式的最佳方法是:

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

为了修复这个 hidden header ？有相应的插件吗？

Answer 1

1st) 你检测你的客户使用的操作系统:

osInfo.ios = navigator.userAgent.match(/(iPhone|iPod|iPad)/); 
osInfo.android =  navigator.userAgent.match(/Android/);
osInfo.blackberry =  navigator.userAgent.match(/BlackBerry/);

2)你应用 CSS，这样它会固定 iO 的位置​​

if(osInfo.ios)
{
    //something here
}

附言希望我没听错