基金会5置顶事业部

Question

我使用Zurb基金会5，我想实现以下目标：

我有一个row其中包含位于页面中间的某个地方的搜索框。我想要棒的<div>其中包含搜索框顶部一旦用户向下滚动到它。在基础5中是否有内置的课程来完成它，如果不是，那么做什么是替代方法？请注意，我需要它作出响应，以便我不必指定从顶部到div的距离（滚动距离）。

Answer 1

我建议使用麦哲伦为此在基金会5

可以插入自己的网页中下面的代码：

<div data-magellan-expedition="fixed"> 
    <div class="row" data-magellan-arrival="search"> 
    <div class="large-12 columns"> 
     <a name="search"></a> 
     <div class="row collapse" data-magellan-destination="search"> 
     <div class="small-10 columns"> 
      <input type="text" placeholder="Search the database"> 
     </div> 
     <div class="small-2 columns"> 
      <button class="button postfix expand">Go</button> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

我创建这个example in CodePen