Question

我使用scrollto和scrollspy构建了一个单页网站。一旦导航栏固定到顶部，页面就会很好用。但是，如果您在导航栏固定到顶部之前单击任何链接，则所有链接都将关闭。并且它们的高度没有一致性。我玩过胶印，我确实每个部分都有100px的填充，以解决间距问题。

以下是开发网站的链接... http://23.23.170.24/aspire/

这是js ......

（文档）$。就绪（函数（）{

$(window).scroll(function(){

    var window_top = $(window).scrollTop() +1; // the "12" should equal the margin-top value for nav.stick
    var div_top = $('#checkdiv').offset().top;
        if (window_top > div_top) {
           $('nav.navbar').addClass('navbar-fixed-top');
            $('section').addClass('scrolled');
        } else {
             $('nav.navbar').removeClass('navbar-fixed-top');
              $('section').removeClass('scrolled');
        }
});


$(".click").click(function(evn){
      evn.preventDefault();
     $('html,body').stop(true).scrollTo((this.hash, this.hash),1000, {axis: 'y', offset   :0});
      return false;
});

$('body').scrollspy({ target: '#navbar' })

}）;

Answer 1

当标题卡住时，Bootstrap scrollspy和scrollto会自动考虑标题的高度。当 unstuck 时，您所要做的就是减去标题的高度，然后滚动到页面上的正确位置。

使用固定导航

1 个答案: