Zurb foundation 5 麦哲伦赢了';T坚持基础5网格 我正在运行基金会5,使用麦哲伦,尽可能地打破网格。我是新手,任何见解都会有帮助。当我第一次加载页面时,它被正确地放置在网格中。当我向下滚动时,麦哲伦菜单跳到左边,填满了整个页面。我再次向上滚动,它不会改变(这意味着它仍然一直向左),即使它从浏览器窗口的顶部“取消粘滞”。我目前只在本地主机testserver上有它。我在firefox和chrome for windows上看到了同样的问题

Zurb foundation 5 麦哲伦赢了';T坚持基础5网格 我正在运行基金会5,使用麦哲伦,尽可能地打破网格。我是新手,任何见解都会有帮助。当我第一次加载页面时,它被正确地放置在网格中。当我向下滚动时,麦哲伦菜单跳到左边,填满了整个页面。我再次向上滚动,它不会改变(这意味着它仍然一直向左),即使它从浏览器窗口的顶部“取消粘滞”。我目前只在本地主机testserver上有它。我在firefox和chrome for windows上看到了同样的问题,zurb-foundation-5,magellan,Zurb Foundation 5,Magellan,这是我的密码: <div class="row"> <div class="large-10" column> <div data-magellan-expedition="fixed"> <dl class="sub-nav"> <dd data-magellan-arrival="arrival"> <a href="#arrival">Arrival</a> </

这是我的密码:

<div class="row">
 <div class="large-10" column>
  <div data-magellan-expedition="fixed">
   <dl class="sub-nav">
    <dd data-magellan-arrival="arrival">
     <a href="#arrival">Arrival</a>
    </dd>
    <dd data-magellan-arrival="destination">
     <a href="#destination">Destination</a>
    </dd>
   </dl>
  </div>
 </div>
 <div class="large-2" column>nothing</div>
  <div class="large-10" column>
   <a name="arrival"></a>
   <span data-magellan-destination="arrival">Arrival</span>
   <a name="destination"></a>
   <span data-magellan-destination="destination">DEstination</span>
  </div>
 <div class="large-2" column>nothing</div>
</div>  <!--closes div class row-->

没有什么

在文档上a
左侧:自动!已为
.fixed
类设置了重要信息。即使在应用时,您的问题仍然与:(和)有关

一个可能的解决方案(或可能有帮助的东西)是在大型网格中使用以下CSS:

.fixed {
    background-color:transparent;
    position: fixed;
    left: 50%;
    top: 0%;
    transform: translateX(calc(-41.66% + 30px));
}      
    .fixed .sub-nav {
        background-color:white;
        margin-right: calc(41.66% + 30px);
        padding: 15px;
    }