Question

我正在尝试在网站上为学校项目设置粘性导航栏。这里：http://www.divisionforty.com/aloevera/

我不希望内容在它下面，我的意思是当它滚动时内容位于它下面，就像它被定位在绝对位置一样。

希望有人能提供帮助，

丹佛

Answer 1

将padding-top提交给.wrapper课程。如果您不想隐藏padding-top:100px下的内容，可以提供navbar。请参阅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;
      }
    }
  });
});

Navbar固定到顶部没有内容

1 个答案: