JQuery頁面向上頂是一種常見的交互效果。通常，當用戶滾動頁面時，頂部的導航欄也會隨之隱藏。但是，當用戶向上滾動頁面時，導航欄會重新出現。這種滾動效果可以增強用戶體驗，使用戶更容易瀏覽頁面。

當我們想要實現這種效果時，可以使用JQuery的scroll()方法和scrollTop()方法。scroll()方法監視頁面滾動事件，scrollTop()方法獲取當前滾動條位置。通過比較當前滾動條位置和上一次的位置，我們可以判斷用戶是向上滾動還是向下滾動。然后，我們可以使用animate()方法來添加動畫效果，使導航欄平滑地出現或消失。

$(document).ready(function(){
var lastScrollTop = 0;
$(window).scroll(function(){
var currentScrollTop = $(this).scrollTop();
if(currentScrollTop >lastScrollTop){
//向下滾動
$('nav').slideUp();
}else{
//向上滾動
$('nav').slideDown();
}
lastScrollTop = currentScrollTop;
});
});

在上述代碼中，我們首先獲取當前滾動條位置(currentScrollTop)和上一次的位置(lastScrollTop)。然后，我們進行比較，判斷用戶是向上滾動還是向下滾動。最后，如果向上滾動，我們將導航欄向下展開，否則將導航欄向上收縮。

通過以上步驟，我們就可以實現JQuery頁面向上頂的效果。這種效果可以提升用戶體驗，使用戶更愿意瀏覽和使用我們的網站。