我有这个功能:
$(document).ready(function() {
$("#toggle-area").click(function() {
$("#show-area").toggle(300);
});
});
当用户单击链接时,它将显示一些文本。问题是我有12个链接,一个链接位于另一个链接下方,并且出现垂直滚动条。但是,当我向下滚动并单击第12个链接时(例如),滚动条跳到页面顶部,并且我必须向下滚动直到结尾才能看到出现的文本。
如何避免这种跳转,并保持列表在点击前的位置?
这是链接-JSFiddle
提前致谢。
您可以使用preventDefault跳过默认的超链接行为。
假设#toggle-area是超链接元素。
$(document).ready(function() {
$("#toggle-area").click(function(e) {
$("#show-area").toggle(300);
e.preventDefault();
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句