基金会6移动搜索棒坚持在Android的底部
当使用任何浏览器在Android设备上浏览网站时,如果用户点击到另一个页面,滚动到该页面底部,然后点击后退按钮,则粘性移动导航菜单将粘贴到页面底部。随附该问题的图片 这不应该发生;导航应始终位于站点标题下。我们正在使用基金会6.3,并尝试了其他几个版本。我们甚至尝试过这个网站之外的基础没有额外的标记,并产生同样的结果。我似乎找不到任何其他描述类似问题的线程。这可能是安卓系统的问题吗 我们测试的手机使用安卓v。7.0和6.0.1 要明确的是,这个问题在苹果设备和个人电脑上都不会发生基金会6移动搜索棒坚持在Android的底部,android,zurb-foundation,Android,Zurb Foundation,当使用任何浏览器在Android设备上浏览网站时,如果用户点击到另一个页面,滚动到该页面底部,然后点击后退按钮,则粘性移动导航菜单将粘贴到页面底部。随附该问题的图片 这不应该发生;导航应始终位于站点标题下。我们正在使用基金会6.3,并尝试了其他几个版本。我们甚至尝试过这个网站之外的基础没有额外的标记,并产生同样的结果。我似乎找不到任何其他描述类似问题的线程。这可能是安卓系统的问题吗 我们测试的手机使用安卓v。7.0和6.0.1 要明确的是,这个问题在苹果设备和个人电脑上都不会发生 <hea
<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 & 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"><? echo $navigation->primaryMenu; ?></xsl:text>
</xsl:if>
</ouc:div>
</nav>
</div>
</div>
</div>
</xsl:if>
</div>
</div>
</div>
...a bunch of XSL
</header>
在默认情况下,这些元素对于小屏幕来说并没有粘性 对于小屏幕,可以通过添加 数据选项=粘滞:小; 或 数据量=小
添加到元素数据粘滞属性 似乎它在小额贷款上默认不粘性的原因是为了节省房地产
我想是这个。请参阅此处提到的变通方法。将讨论转移到那里…如果没有您的代码,我们应该如何调试?进行调试…我相信这一点都不费吹灰之力。