Question

我有以下用于平滑滚动的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

Answer 1

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

$(document).on('click', 'a[href^="#"]', function(event){
    event.preventDefault();

    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
});

Smooth Scrolling JavaScript适用于所有A标签

1 个答案: