滚动偏移脚本中的 preventDefault undefined

Question

我正在使用此脚本滚动到锚点：

$( document ).ready(function(e) 
{
    var $root = $('html, body');
    $('a').click(function(e) {
        e.preventDefault();
        var href = $.attr(this, 'href');

        if(href!=='javascript:void(0)' && href!=='javascript:void(0);'){
            $root.animate({
                scrollTop: $(href).offset().top-100
            }, 1000, function (e) {
                e.preventDefault();
                window.location.hash = href;
            });
            return false;
        }
    });

});

但是，在我点击 link（动画结束）之后，我收到了两次以下错误：Uncaught TypeError: Cannot read property 'preventDefault' of undefined

我不明白为什么。我试图将 e 添加到函数中，但它仍然给出错误。有人可以提供一些背景信息吗？

Answer 1

问题是...

$( document ).ready(function(e) 
{
    var $root = $('html, body');
    $('a').click(function(e) {
        e.preventDefault();
        var href = $.attr(this, 'href');

        if(href!=='javascript:void(0)' && href!=='javascript:void(0);'){
            $root.animate({
                scrollTop: $(href).offset().top-100
            }, 1000, function (e) {
//                             ^−−−−−−−−−−−−−−−−−−−−−− here
                e.preventDefault();             // <−− and/or (arguably) here
                window.location.hash = href;
            });
            return false;
        }
    });

});

animate 回调未收到事件对象。

目前尚不清楚您要阻止的是什么，因为您已经阻止了所发生事件的默认设置（点击）。只需删除上面指示的 e 以及 animate 回调中的 e.preventDefault() 调用。

在您添加的评论中：

The problem is, because the scroll-to-element has an offset of -100, the page jumps a bit after it updates the URL. I want to prevent that, so that's why I have this e.preventDefault(); within the animate callback. If I remove it, it still makes this weird jump.

它没有随调用跳转的唯一原因是调用抛出错误，所以下一行永远不会运行，所以它永远不会设置 URL。

如果您想在不更改页面或滚动位置的情况下设置 URL，请改用 history.replaceState：

history.replaceState(null, "", href);

滚动偏移脚本中的 preventDefault undefined

preventDefault undefined in scroll offset script

javascript

jquery

scroll

offset

preventdefault