我编写了一个 HTML 页面,主要在 iPad 上查看。基本上它是一个常见问题解答列表,每个问题都有悬停效果。为了在 ipad 上启动悬停效果,我必须放置一个像这样的虚拟链接。
<a href="#">The question?</a>
这是每个浏览器都存在的问题:当列表太长以至于您必须向下滚动时,当您单击页面底部的链接时,它会跳回到顶部,同时启动悬停效果。我做了一个小提琴来演示目的:
http://jsfiddle.net/SWXHR/1/
当向下滚动并点击最后一个链接时,页面将跳转到顶部。
问题:使用虚拟链接时如何防止页面跳转到顶部?
将其添加到您的链接中:
<a href="#" onClick="return false;">The question?</a>
或者,如果您通过 JQuery 执行此操作:
$('a[href="#"]').click(function(event){
event.preventDefault();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)