0

这是 JQuery Mobile 和 Fixed Navigation 的另一个问题。

我目前在我的标题中有一个固定的导航：

<div data-role="header" data-position="fixed"> 
    <h1>Page Title</h1> 
    <div data-role="navbar">
        <ul>
            <li><a href="a.html" class="ui-btn-active ui-state-persist">One</a></li>
            <li><a href="b.html">Two</a></li>
        </ul>
   </div>
</div>

当 a.html 是活动页面时，我的问题虽然有时难以重现，但我已经向下滚动到页面底部并单击 b.html 的导航按钮。不寻常的部分是，当我没有向下滚动页面时，它似乎表现正确。

此外，单击似乎在更改按钮颜色的 css 中注册，但“正在加载”图标永远不会出现，并且页面永远不会加载。此外，如果我再次单击该链接（现在已经激活，如它的新颜色所示），页面将再次加载。

任何想法为什么这不能正常工作？我正在 T-Mobile 三星 Galaxy S2 上尝试这个。使用安卓 2.3。和 Jquery 移动 1.1。

4

1 回答 1

2

是否可能与此问题有关：
在 scrollTop 以编程方式更改后固定定位按钮上的移动 Safari 错误...？
和/或
Mobile Webkit 回流问题 ？

这些链接中提到的修复的变体对我有用：

尝试：

<style>
.iosfix {
  height: 101%;
  width: 101%;
  overflow: hidden;
}
</style>

当你滚动时：

window.scrollTo(0, _NEW_SCROLLTOP_);
$('body').append($('<div></div>').addClass('iosfix'));
setTimeout(function() {
  $('.iosfix').remove();
}, 0);
于 2012-10-10T19:58:12.447 回答