Question

我正在尝试用jquerymobile构建一个页面，我有一个固定的页脚。我遇到的问题是，在我向下滚动浏览器后，链接无法正常工作。当我向上滚动时，它再次正常工作。

这是使用

的代码

    <div data-role="footer" class="ui-bar" data-position="fixed" data-tap-toggle="true" data-fullscreen="true" >
    <a href="#cards" data-icon="arrow-u" data-rel="dialog" data-transition="pop">Card functions</a>
</div>

我正在使用jquerymobile的干净安装，以及最新的jquery-ui。 CSS是默认的..

我确实找到了一个类似的问题，但这已经过时了，修复工作也没有用。

Answer 1

尝试在页脚中使用导航栏，这为我解决了同样的问题：

<div data-role="footer">
<div data-role="navbar">
    <ul>
        <li><a href="#">One</a></li>
        <li><a href="#">Two</a></li>
        <li><a href="#">Three</a></li>
    </ul>
</div><!-- /navbar -->
<p style="text-align:center;">I'm the footer</p>

来源：jQuery mobile demo

一个已知问题：jQuery mobile @ github

滚动后Jquery移动页脚链接/按钮无效。（谷歌浏览器，Android 4.2.1）

1 个答案: