CSS導航欄向上是一個常見的需求，特別是在移動設備上。當屏幕尺寸較小，導航欄往往會占據寶貴的屏幕空間。這時我們可以通過將導航欄向上滾動隱藏，用一個按鈕來觸發顯示導航欄，從而提高頁面的可用性和用戶體驗。

/* CSS代碼 */
nav {
position: fixed;
top: -50px;
left: 0;
right: 0;
background: #333;
transition: top .3s ease;
}
nav.visible {
top: 0;
}
button {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
background: #333;
border: none;
border-radius: 50%;
color: #fff;
font-size: 24px;
line-height: 50px;
text-align: center;
}
button:hover {
background: #666;
cursor: pointer;
}

在上面的代碼中，我們首先定義了一個導航欄，它被設置為固定位置，并且位于視口之外，這樣它就不會在頁面加載時出現。我們為導航欄添加了一個過渡效果，當它出現或者隱藏時，會平滑地向上或向下移動。

接著，我們定義了一個按鈕，它被設置為固定位置，并且位于頁面的右下角。當按鈕被點擊時，我們添加一個類名“visible”到導航欄上，這樣它就會平滑地向下滑動出現。再次點擊按鈕時，我們將這個類名移除，導航欄又會向上滑動隱藏。

如果你想讓導航欄在滾動時自動隱藏，可以通過監聽滾動事件來實現。在這種情況下，你還需要考慮如何處理導航欄的顯示和隱藏時機，以及滾動條的位置等細節。