Javascript Scrollspy不'；I don’我一点也不工作_Javascript_Jquery_Html_Twitter Bootstrap

Javascript Scrollspy不'；I don’我一点也不工作

javascript jquery html twitter-bootstrap

Javascript Scrollspy不'；I don’我一点也不工作,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我使用引导和scrollspy。我有一个固定到顶部的导航条，带有词缀 scrollspy工作正常，但每当我在网站顶部，没有激活粘贴，然后我点击另一个菜单项时，偏移量就会完全关闭。之后，站点将以正确的偏移量向右滚动菜单项。只是当我点击离开第一个导航项目的时候。怎么会？我曾经 Html: <body data-spy="scroll" data-target=".mainnav"> 从站点顶部开始第一次单击菜单项时，偏移量总是错误的，这是哪里的问题创建一个与你的代码，可惜不是那么容

我使用引导和scrollspy。我有一个固定到顶部的导航条，带有词缀

scrollspy工作正常，但每当我在网站顶部，没有激活粘贴，然后我点击另一个菜单项时，偏移量就会完全关闭。之后，站点将以正确的偏移量向右滚动菜单项。只是当我点击离开第一个导航项目的时候。怎么会？我曾经

Html:

<body data-spy="scroll" data-target=".mainnav">

从站点顶部开始第一次单击菜单项时，偏移量总是错误的，这是哪里的问题

创建一个与你的代码，可惜不是那么容易，因为我已经包括了所有的外部js，less和css。。。没有什么了不起的脑波（通常是因为它的实现不正确。人们最常犯的错误是标题中的ID没有在菜单中镜像a。如果scrollspy是主体，那么所有ID都必须与菜单项相匹配。另一个是偏移量不正确，请尝试向上或向下更改值10px-20px

$('#nav').affix({
    offset: {
        top:  $('#nav').offset().top
    }
});

$('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
            }, 1000);
            return false;
        }
    }
});