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