Question

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

非常感谢任何帮助。

谢谢， Zee的

通过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; 
}

Answer 1

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

数据抽头肘节= “假”

Phonegap / Cordova jQuery Mobile - 标题在滚动上消失

1 个答案: