Navbar固定到頂部沒有內容根據

Question

我試圖在學校項目的網站上設置粘滯導航欄。這裏：http://www.divisionforty.com/aloevera/

我不想讓它下面的內容，我的意思是，當它滾動內容坐在它下面就好像它是絕對定位。

希望有人能幫助，

丹佛

Answer 1

給padding-top到.wrapper類。如果您不想隱藏navbar下的內容，則可以提供padding-top:100px。請參閱this示例。

更新：

請給.offset().top -100 100是在你的JavaScript導航欄的高度如下：

$("#circlediv").click(function() { 
$('html, body').animate({ 
    scrollTop: $("#benefits").offset().top-100 
}, 2000); 
}); 

和

$(function() { 
    $('a[href*=#]:not([href=#])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 

     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
     if (target.length) { 
     $('html,body').animate({ 
      scrollTop: target.offset().top - 100 
     }, 1000); 
     return false; 
     } 
    } 
    }); 
});