Jquery mobile 如何在jQuery Mobile中获得始终固定的头？

我已经在jquerymobile中实现了一个固定的报头，它在大多数情况下工作得很好。当我滚动时，工具栏保持可见。当我点击屏幕时，标题不会消失。伟大的我看到的唯一麻烦是，当您点击页面底部的输入字段时，标题会恢复到

位置：static

，因此它会消失。您可以通过向上滚动到顶部看到这一点。一旦您解除输入框的焦点（点击键盘上的“完成”），它就会返回到

位置：fixed

。我希望无论发生什么，它总是可见的

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

我正在使用jQM 1.4.0 RC1，它在更改日志中声明：
-固定工具栏现在是工具栏小部件的扩展
听起来很相关，但我不确定这到底意味着什么

---

谢谢。：）

这实际上解决了

fixedtoolbar

小部件上出现的许多问题

一旦在

select

、

textarea

和

select

上触发

focus

，jQM就会隐藏固定工具栏；当屏幕宽度小于1025时，提供更多工作空间

我尝试了下面的解决方案，但结果很糟糕

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
  $(document).on("mobileinit", function() {
    $.mobile.toolbar.prototype.options.hideDuringFocus = "";
  });
</script>
<script src="http://code.jquery.com/mobile/1.4.0-rc.1/jquery.mobile-1.4.0-rc.1.min.js"></script>

$（文档）.on（“mobileinit”，函数（）{
$.mobile.toolbar.prototype.options.hideDuringFocus=“”；
});

有关更多详细信息，请查看GitHub上的小部件，转到第243行

（1）

---

（1） 要在移动浏览器上测试，而不是在桌面上测试。

这实际上解决了

fixedtoolbar

小部件上出现的许多问题

一旦在

select

、

textarea

和

select

上触发

focus

，jQM就会隐藏固定工具栏；当屏幕宽度小于1025时，提供更多工作空间

我尝试了下面的解决方案，但结果很糟糕

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
  $(document).on("mobileinit", function() {
    $.mobile.toolbar.prototype.options.hideDuringFocus = "";
  });
</script>
<script src="http://code.jquery.com/mobile/1.4.0-rc.1/jquery.mobile-1.4.0-rc.1.min.js"></script>

$（文档）.on（“mobileinit”，函数（）{
$.mobile.toolbar.prototype.options.hideDuringFocus=“”；
});

有关更多详细信息，请查看GitHub上的小部件，转到第243行

（1）

---

（1） 要在移动浏览器上测试，而不是在桌面上。

感谢Omar的演示。不幸的是，更改hideDuringFocus并没有阻止标题隐藏在焦点上。在移动Safari-iOS 7上测试。@Joey我知道，我在回答中提到过。jQM这样做是为了解决iOS和Android上本机键盘的问题。我认为将

hideDuringFocus

设置为空字符串的目的是试图解决该行为，并强制其始终可见，但事实并非如此。无论是否添加该代码，其行为都是相同的。不知道iOS 7和更高版本的android是否修复了这些漏洞，但如果没有，我会处理一些隐藏的标题。如果你在iPhone上测试我的演示，单击inout然后滚动，你会发现标题是可见的，但放错了位置。iOS 7键盘高度约为288px，可将标题推至如此之远@哦，我明白了。那太不幸了。谢谢你的演示奥马尔。不幸的是，更改hideDuringFocus并没有阻止标题隐藏在焦点上。在移动Safari-iOS 7上测试。@Joey我知道，我在回答中提到过。jQM这样做是为了解决iOS和Android上本机键盘的问题。我认为将

hideDuringFocus

设置为空字符串的目的是试图解决该行为，并强制其始终可见，但事实并非如此。无论是否添加该代码，其行为都是相同的。不知道iOS 7和更高版本的android是否修复了这些漏洞，但如果没有，我会处理一些隐藏的标题。如果你在iPhone上测试我的演示，单击inout然后滚动，你会发现标题是可见的，但放错了位置。iOS 7键盘高度约为288px，可将标题推至如此之远@哦，我明白了。那太不幸了。