Javascript 当我点击一个链接时,页面跳转到顶部——我怎么能阻止它?
单击链接后如何阻止页面跳转到顶部? 我正在运行以下脚本。(我有预感,是他们造成了这种行为)Javascript 当我点击一个链接时,页面跳转到顶部——我怎么能阻止它?,javascript,jquery,Javascript,Jquery,单击链接后如何阻止页面跳转到顶部? 我正在运行以下脚本。(我有预感,是他们造成了这种行为) $(文档).ready(函数(){ $(“#menu-primary-menu-1”).append(“”); }); $(窗口)。滚动(函数(){ if($(this).scrollTop()340){ $('.arrow').css({ “显示”:“无” }); }else$('.arrow').show(); }); $(“.arrow”)。单击(函数(){ $('html,body')。设置动画
$(文档).ready(函数(){
$(“#menu-primary-menu-1”).append(“”);
});
$(窗口)。滚动(函数(){
if($(this).scrollTop()<50){
$('#menu-primary-menu-1').hide();
}else$('#menu-primary-menu-1').show();
});
$(窗口)。滚动(函数(){
if($(this).scrollTop()>340){
$('.arrow').css({
“显示”:“无”
});
}else$('.arrow').show();
});
$(“.arrow”)。单击(函数(){
$('html,body')。设置动画({
scrollTop:$(“.row”).offset().top
}“慢”);
});
我尝试了以下方法:
<script language="JavaScript" type="text/javascript">
var link = document.getElementsByTagName("a");
$(link).attr('onclick', 'bgenScroll();');
<!--
function bgenScroll() {
if (window.pageYOffset != null) {
st = window.pageYOffset + '';
}
if (document.body.scrollWidth != null) {
if (document.body.scrollTop) {
st = document.body.scrollTop;
}
st = document.documentElement.scrollTop;
}
setTimeout('window.scroll(0,st)', 10);
}
$('a').click(function(e) {
e.stopPropagation();
});
//-->
</script>
var link=document.getElementsByTagName(“a”);
$(link.attr('onclick','bgenscoll();');
我在wordpress主题中运行它们
固定的 这不是关于#锚。单击时,所有链接都会将页面滚动到顶部 我将其用作修复程序。请尝试此代码
$("a").click(function(){
return false;
})
我想你的
锚定中有href=“#”
。您可以使用#~
并尝试
<a href="#~">YourLink</a> <!--Or any other character to avoid the scroll up-->
或者您可以使用以下代码更改现有代码
$(link).attr('onclick', 'return bgenScroll();');
function bgenScroll(){
// your logic
return false; // add this at end of the function;
}
假设您的所有链接都有一个箭头类
,则您可以在单击时告诉它,并为scrolltop设置动画。你真的需要知道你在复制/粘贴什么代码到你的项目中。可能的重复不是关于#链接,而是发生在所有linksBad建议上。这将禁用页面上的所有超链接或:function(event){event.preventDefault();}
-为了完整起见,可能值得包含?@Onimusha但如果您检查代码的使用情况,他希望禁用链接$('a')。单击(function(e){e.stopPropagation();})代码>@Mitul你好,Mitul。不管他在尝试什么,这都是一种不好的做法,应该予以纠正和建议。这就是我的全部观点:)@Onimusha好的,没问题,我只是为阻止默认点击事件编写了代码。谢谢,我会确保下次提供高质量的答案。这将刷新页面。你应该删除这个answer@isherwood这可能不是标准做法,但它是有效的。
也会跳到顶部,因为它是一个锚,所以建议再次是不正确的
$(link).attr('onclick', 'return bgenScroll();');
function bgenScroll(){
// your logic
return false; // add this at end of the function;
}