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的要点是跳。您的意思是希望它逐渐滚动到视图中吗?