Scrollspy不适用于第一次单击

时间:2015-03-11 12:30:10

标签: javascript jquery html twitter-bootstrap

我使用bootstrap和scrollspy。 我有一个带有词缀的固定顶部导航栏。

scrollspy工作正常,但每当我在网站的顶部并且没有激活时,我点击另一个菜单项,偏移完全关闭。之后,该网站滚动到正确的偏移菜单项。只要我点击第一个导航项目,就不行了。怎么会?我用了

Html:

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

在导航ID中

JS:

$('#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;
        }
    }
});

在网站顶部开始后首次点击菜单项的问题可能是错误的?

0 个答案:

没有答案