粘性導航下面的斷點不固定頂部

Question

我是相當新的基金會，我搜索這個答案無處不在，但無法找到它。

試圖創建一個頁面，該頁面具有啓動頁面的一半的導航。當滾動導航將堅持頂部。這很容易，就像一個魅力..

但是，當您進入頁面的屏幕較小，我想'移動'菜單固定在頂部，而不是浮動在頁面周圍。

股利我身邊有我的是：

<div class="contain-to-grid sticky"> 

希望有人知道我怎樣才能使這項工作。

Answer 1

幾個選項，你可以只使用一個媒體查詢爲小屏幕，一樣的東西：

@media only screen and (max-width: 40em) { 
    .sticky { 
     position: fixed !important; 
     top: 0px !important; 
    } 
} 

或者當屏幕尺寸很大，你可以有條件地只加載麥哲倫（或任何方法，你正在使用）足夠，例如

if($(window).width() > 670){ 
    // init sticky nav stuff here 
}