基金會5 - 固定位置div彈出網格

Question

我遇到了基金會5的問題。如果我想在基礎網格的一部分div上使用position:fixed，它將彈出網格並對齊與該行的左邊緣。有沒有解決這個問題的方法？

<div id="right" class="medium-4 columns show-for-medium-up" > 
    <dl class="tabs" data-tab> 
     <dd class="active"><a href="#recent">Recent</a></dd> 
     <dd><a href="#popular">Popular</a></dd>       
    </dl> 
    <div class="tabs-content"> 
     <div class="content active" id="recent"> 
      <ul> 
       <?php 
        $query= new WP_Query(); 
        $query->query(array('posts_per_page'=>10)); 
        while ($query->have_posts()) : $query->the_post(); 
       ?> 

        <li><a href="<?php the_permalink();?>"><?php the_title();?></a></li> 

       <?php endwhile; wp_reset_query();?> 

      </ul> 
     </div><!-- END .content --> 
     <div class="content" id="popular"> 
      Popular posts 
     </div> 
    </div><!-- END .tabs-content --> 
</div><!-- END #right --> 


<script> 
$(document).scroll(function() { 
    var y = $(document).scrollTop(), right = $("#right"); 
    if(y >= 160) { 
     right.css({position: "fixed"}); 
    } else { 
     right.css({position: "relative"}); 
    } 
}); 
</script> 

Answer 1

據我瞭解，你要創建一個sticky頂部欄（固定導航或者包含網格），所以當用戶滾動底部，該欄將顯示你最近和熱門職位。

通過閱讀documentation來了解它應該如何完成。