Question

我的Jquery Mobile应用程序上有一个固定的页脚（里面有导航栏）。我的问题是，当用户点击/点击应用程序（最可能是空白区域）时，页脚会隐藏。

它使用某种动画（向下滑动），所以我猜测不是一个错误，但我缺少data- *属性以防止这种情况。

有什么想法吗？

谢谢！

Answer 1

听起来你应用了属性data-fullscreen="true"。此属性将导致您按设计描述的行为。

只需删除该属性并保留data-position="fixed"，就可以了。

Answer 2

我也有一个带有导航栏的页脚，我的点击时不会隐藏。试试这是否适合你：

<div data-role="footer" data-id="nav">      
            <div data-role="navbar" data-iconpos="top" data-position="fixed">
                <ul>
                    <li><a data-icon="grid" href="#one">One</a></li>
                    <li><a data-icon="grid" href="#two">Two</a></li>
                    <li><a data-icon="grid" href="#three">Three</a></li>
                    <li><a data-icon="grid" href="#four">Four</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->

单击空白区域时固定页脚隐藏

2 个答案: