Phonegap/Cordova jQuery Mobile - 标题在滚动时消失答案

【问题标题】：Phonegap/Cordova jQuery Mobile - Header Disappearing on scrollPhonegap/Cordova jQuery Mobile - 标题在滚动时消失
【发布时间】：2015-01-10 03:41:38
【问题描述】：

我正在使用带有 jQuery Mobile 和 Topcoat.io 的 Cordova/Phonegap。在 Android 和 iOS 上，当我滚动到底部并到达底部时，顶部导航栏会被向上推并消失。定位是固定的，所以我不确定为什么会这样。在网络上它不会这样做。

非常感谢任何帮助。

谢谢，泽

通过 jQuery 加载导航栏

if (content.hasClass("header-top"))
        {
            $("div.topcoat-navigation-bar").remove();
            var colour = content.attr("data-colour");
            // console.log(colour);

            var navbar = $('<div data-position="fixed" class="topcoat-navigation-bar ' + colour + '"><div class="topcoat-navigation-bar__item left quarter"><a id="left-slide-menu-button"><span class="topcoat-icon topcoat-icon--menu-stack"></span></a><a id="nav-logo" href="#table-of-contents-view"><img src="assets/images/logo-123x31.png" /></a></div><div class="topcoat-navigation-bar__item center half"></div><div class="topcoat-navigation-bar__item right quarter"><a id="right-slide-menu-button" href="#search-results-view"><img class="img-35x35" src="assets/images/icons/lookup-definitions-17x17.png" alt="" /></a></div></div>');

            content.before(navbar).toolbar({tapToggle: false});
        }

Topcoat CSS 覆盖

.topcoat-navigation-bar { 
    height: 50px !important; 
    position: fixed !important; 
    width: 100%; 
    z-index: 100; 
    -webkit-transition: left 0.2s ease-out; 
    transform: translate3d(0, 0, 0); 
    -webkit-transform: translate3d(0, 0, 0); 
    box-shadow: 1px 0px 9px #363636 !important; 
    padding-right: 0 !important; 
}

【问题讨论】：

标签： android ios jquery-mobile cordova

【解决方案1】：

将此属性放在工具栏中，它不会在滚动时隐藏：

data-tap-toggle="false"

【讨论】：

抱歉，这并没有解决问题。
为什么不使用 jquerymobile 的 data-position='fixed'？
我正在使用它，它在上面的代码中。导航栏隐藏仅在我点击页面底部时发生。