Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery-防止跳转但跟随哈希链接_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jQuery-防止跳转但跟随哈希链接

Javascript jQuery-防止跳转但跟随哈希链接,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有以下代码: $( document ).ready(function() { $( '.prevent-default' ).click(function( event ) { event.preventDefault(); }); }); 我给散列锚点类。阻止默认值,在单击链接时阻止窗口跳转。不幸的是,event.preventDefault()还会停止浏览器跟随链接 我如何才能只阻止窗口跳转而跟随链接? 我已经试过window.l

我有以下代码:

$( document ).ready(function() {        
    $( '.prevent-default' ).click(function( event ) {
        event.preventDefault();
    });    
});
我给散列锚点类
。阻止默认值
,在单击链接时阻止窗口跳转。不幸的是,
event.preventDefault()还会停止浏览器跟随链接

我如何才能只阻止窗口跳转而跟随链接?


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

您可以在单击时创建一个
显示:fixed
DIV元素,作为主体中的第一个dom节点,锚定为
id


如果你使用id进行跳跃,你需要在短时间内使用相同的id两次。请注意,此动态div将在跳转后被删除。

您可以尝试使用以下内容制作动画:

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

链接的
href
值是什么?如果链接是当前页面的哈希版本,那么您期望的行为是什么?哈希链接的目的是使页面跳转-它是指向页面中书签的链接。您希望它具有什么行为?@Rorymcrossan我使用它进行选项卡式导航,可以通过hashlink(如
#link1
)访问它以打开第一个选项卡。因此,链接应该跟随,但不跳到顶端。但是haslink的要点是跳。您的意思是希望它逐渐滚动到视图中吗?