Question

我有平滑的滚动JS从菜单项链接到页面下方的锚点。

问题在于，由于我在页面上使用了标签（使用#tabname）进行导航，因此在使用它们时会尝试滚动。

我可以轻松地对JS做出改变，以防止它在标签上工作吗？

＆＃13;

$(document).ready(function () {
    // Add smooth scrolling to all links
    $("a").on('click', function (event) {

        // Make sure this.hash has a value before overriding default behavior
        if (this.hash !== "") {
            // Prevent default anchor click behavior
            event.preventDefault();

            // Store hash
            var hash = this.hash;

            // Using jQuery's animate() method to add smooth page scroll
            // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
            $('html, body').animate({
                scrollTop: $(hash).offset().top
            }, 800, function () {

                // Add hash (#) to URL when done scrolling (default click behavior)
                window.location.hash = hash;
            });
        } // End if
    });
});

＆＃13;

Answer 1

您可以为锚元素提供一种选择退出滚动行为的方法，例如：过滤掉data-no-scroll属性的锚点：

<a href="#tab1" data-no-scroll>Tab1</a>

$("a").not("[data-no-scroll]").click(function() {
    ...
});

从标签中删除平滑滚动

1 个答案: