平滑滚动 JavaScript 适用于所有 A 标签

Smooth Scrolling JavaScript work on all A tags

本文关键字：标签 适用于 滚动 JavaScript 平滑      更新时间：2023-09-26

我有以下JavaScript代码用于平滑滚动：

$(document).on('click', 'a', function(event){
    event.preventDefault();
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
});

现在我不能在我的网站上使用其他链接。当我这样做时： 链接什么也没发生。

我的网站：http://www.be-virtual.org/schnittchen

目前它针对所有<a>标签。正确更改选择器以仅定位以#开头的选择器：

$(document).on('click', 'a[href^="#"]', function(event){
    event.preventDefault();
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
});
相关文章：