内部滚动会干扰自举轮播

Question

我在一个也实现了Bootstrap轮播的网站上有一个用于本地滚动的脚本（单击一个链接，它将您带到页面的另一部分）。

内部滚动脚本似乎会覆盖轮播脚本而不确定如何修复。我尝试利用jQuery的：not（）方法，但无法按照我需要的方式工作。

Site is in development here

JS

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

Answer 1

尝试:not(a[role="button"]，如：

$('a[href*=#]:not(a[role="button"])').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
            }, 800);
            return false;
        }
    }
});