基金會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