Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/225.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
基金会6移动搜索棒坚持在Android的底部_Android_Zurb Foundation - Fatal编程技术网

基金会6移动搜索棒坚持在Android的底部

基金会6移动搜索棒坚持在Android的底部,android,zurb-foundation,Android,Zurb Foundation,当使用任何浏览器在Android设备上浏览网站时,如果用户点击到另一个页面,滚动到该页面底部,然后点击后退按钮,则粘性移动导航菜单将粘贴到页面底部。随附该问题的图片 这不应该发生;导航应始终位于站点标题下。我们正在使用基金会6.3,并尝试了其他几个版本。我们甚至尝试过这个网站之外的基础没有额外的标记,并产生同样的结果。我似乎找不到任何其他描述类似问题的线程。这可能是安卓系统的问题吗 我们测试的手机使用安卓v。7.0和6.0.1 要明确的是,这个问题在苹果设备和个人电脑上都不会发生 <hea

当使用任何浏览器在Android设备上浏览网站时,如果用户点击到另一个页面,滚动到该页面底部,然后点击后退按钮,则粘性移动导航菜单将粘贴到页面底部。随附该问题的图片

这不应该发生;导航应始终位于站点标题下。我们正在使用基金会6.3,并尝试了其他几个版本。我们甚至尝试过这个网站之外的基础没有额外的标记,并产生同样的结果。我似乎找不到任何其他描述类似问题的线程。这可能是安卓系统的问题吗

我们测试的手机使用安卓v。7.0和6.0.1

要明确的是,这个问题在苹果设备和个人电脑上都不会发生

<header class="wide-image">
        <div class="brand front-top">
            <div class="row top-row" data-equalizer="branding">
                <div class="large-4 medium-12 small-12 columns logo-combine" data-equalizer-watch="branding">
                    <div class="front-title">
                        <a href="{{f:59436}}"><img src="{{f:57957}}" alt="Eastern Michigan University logo" /></a>
                    </div>
                </div>
                <div class="large-8 medium-12 show-for-large columns" data-equalizer-watch="branding">
                    <div class="row idrow front">
                        <div class="small-12 columns secondary-nav">
                            <xsl:copy-of select="ou:includeFile('/_resources/inc/site-search.inc')" />
                            <ul id="quick-links-top">
                                <xsl:copy-of select="ou:includeFile('/_resources/inc/quick-links.inc')" />
                                <li id="search-glass"><a href="#search-region"><span class="visuallyhidden">Search</span><i class="fa fa-search" aria-hidden="true"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="site-title" class="row">
                <div class="small-12 columns">
                    <ouc:div label="site-name" button-text="Site Name" group="_Admin" path="{$ou:siteroot}/_site/inc/name.pcf">
                        <xsl:if test="$ou:action = 'pub' and $ou:siteroot != '/'"><xsl:copy-of select="ou:includeFile(concat($ou:siteroot,'/_site/inc/name.inc'))" /></xsl:if>
                    </ouc:div>
                </div>
                <xsl:if test="($ou:topnav!='off')">
                    <div class="small-12 columns skip-main-nav">
                        <a class="show-on-focus show-for-sr" href="#maincontent">Skip Global Navigation</a>
                    </div>
                </xsl:if>
            </div>
            <div data-sticky-container="">
                <div data-sticky="" data-top-anchor="site-title:bottom" data-options="marginTop:0;" style="width:100%">
                    <div class="title-bar" data-responsive-toggle="example-animated-menu" data-hide-for="large">
                        <button class="menu-icon" type="button" data-toggle="offCanvasLeft" aria-expanded="false" aria-controls="offCanvasLeft">
                            <div class="visuallyhidden">Open/Close Menu</div>
                        </button>
                        <div class="title-bar-title" data-toggle="offCanvasLeft">Search &amp; Navigation</div>
                    </div>
                    <!-- If top nav, add bar -->
                    <xsl:if test="$ou:topnav='on' or $ou:topnav='true' or $ou:topnav='1' or $ou:topnav='yes'"><!-- Top nav is truthy? -->
                        <div id="main-nav">
                            <div class="row show-for-large collapse">
                                <div class="small-12 columns">
                                    <nav class="menu-box {if ($ou:action != 'pub') then 'omni-primary-nav' else ''}"><!-- 'omni-primary-nav' class used to style nav list within OUC preview -->
                                        <ouc:div label="top-nav" button-text="Navigation" group="_Admin" path="{$ou:siteroot}/_site/inc/navigation.pcf">
                                            <xsl:if test="$ou:action = 'pub'">
                                                <xsl:text disable-output-escaping="yes">&lt;? echo $navigation-&gt;primaryMenu; ?&gt;</xsl:text>
                                            </xsl:if>
                                        </ouc:div>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </xsl:if>
                </div>
            </div>
        </div>

        ...a bunch of XSL 

    </header>

在默认情况下,这些元素对于小屏幕来说并没有粘性

对于小屏幕,可以通过添加 数据选项=粘滞:小; 或 数据量=小


添加到元素数据粘滞属性

似乎它在小额贷款上默认不粘性的原因是为了节省房地产


我想是这个。请参阅此处提到的变通方法。将讨论转移到那里…

如果没有您的代码,我们应该如何调试?进行调试…我相信这一点都不费吹灰之力。