ios - 什么是 jQuery Mobile 1.1.0 - 位置固定方法

Question

jQuery Mobile 1.1.0 Final 刚刚发布并 promise :

"True fixed toolbars: Lightweight, CSS-based & broadly compatible"

他们必须进行的具体修复是什么 solve all移动浏览器中的 position:fixed 问题？

我有一个桌面应用程序(基于 twitter bootstrap)，它有 postion:fixed 工具栏，但在移动浏览器上不能很好地工作？我想合并specifix 修复程序，而不使用jQuery Mobile 附带的所有其他功能和CSS。

Answer 1

简单(或多或少):

1) 浏览器嗅探以生成黑名单。
2) 位置:固定支持浏览器
3)位置:其余为静态

在 JQM 中查找此部分:

$.widget( "mobile.fixedtoolbar", $.mobile.widget, {...}

由于目前许多移动浏览器不支持 pos:fix，因此在许多浏览器中，您最终会在内容底部看到静态工具栏!

还有一个polyfill恢复之前的行为(隐藏-重新定位-显示)。

我只是使用这个polyfill的一部分来重新定位元素，然后再像这样显示它们:

 el.jqmData("fixed") == "top" ? el.css( "top", $( window ).scrollTop() + "px" ) :
    el.css( "bottom", wrap.outerHeight() - $( window ).scrollTop() - $.mobile.getScreenHeight() + "px" );

如果您的工具栏/元素不必可见，则此方法效果很好，因为它是从设定位置(滚动停止重新计算)与原始固定工具栏(JQM 1.1 之前)重新计算在滚动期间 (scroll-calculate-scroll-calculate)，这对设备硬件造成太大压力，导致工具栏停留或跳跃。