javascript - jQuery - 防止跳转但遵循散列链接

Question

我有以下代码：

$( document ).ready(function() {        
    $( '.prevent-default' ).click(function( event ) {
        event.preventDefault();
    });    
});

我给散列锚定类.prevent-default以在单击链接时阻止窗口跳转。不幸的是，event.preventDefault();这也会阻止浏览器跟踪该链接。

我怎样才能阻止窗口跳转但点击链接？

我已经尝试过window.location.href = jQuery( this ).attr('href');了，但这根本不起作用——窗户跳了。

Answer 1

您可以在单击时创建一个display:fixedDIV 元素作为正文中的第一个 dom 节点，并将您的锚定为id.

如果您使用 id 进行跳跃，您需要在短时间内拥有两次相同的 id。注意这个动态 div 会在跳转后被删除。

Answer 2

您可以尝试使用以下动画：

$( '.prevent-default' ).click(function( event ) {
    event.preventDefault();
    $('html, body').animate({scrollTop : $('#'+this.href).position().top});
});