如何在平滑滚动脚本中排除链接？ （jQuery的）

Question

我在我的网站上使用Bootstrap 3传送带。 我也在使用这个jQuery脚本：

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

问题在于，滑动轮播时，它会单击#carousel链接。 这使转盘无法正常工作。

我想知道的是，是否可以从脚本中排除#carousel ？ 因此，该脚本不适用于#carousel ，但适用于所有其他链接。

谢谢。

Answer 1

只需将其添加到选择器

$('a[href*=#]:not([href=#]):not([href=#carousel])')

Answer 2

您可以将CSS选择器添加到ignore：在构造函数中，将选择器添加到可滚动锚

 var scroll = new SmoothScroll('a[href*="#"]', { // Selectors ignore: '[data-scroll-ignore]' }); 

 <a class="nav-link active" data-toggle="pill" href="#nav-tab-card" data-scroll-ignore>