发布
社区首页 >问答首页 >删除选项卡中的平滑滚动

删除选项卡中的平滑滚动
EN

Stack Overflow用户
提问于 2017-01-12 05:14:05
回答 0查看 602关注 0票数 1

我有平滑滚动JS链接从一个菜单项到一个锚进一步下降的页面。

问题是,因为我在我的页面上使用了标签(使用#tabname)来导航,所以它在使用它们时也会尝试滚动。

是否可以对JS进行简单的更改,以防止在选项卡上执行此操作?

代码语言:javascript
代码运行次数:0
复制
$(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
    });
});

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41600801

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档