Jquery 如何避免出现覆盖时跳转到顶部的默认页面行为?
我在底部有一个可点击的按钮。只要我点击按钮,它就会打开一个覆盖图,但页面跳转到顶部(我的意思是,页面跳转到顶部-与加载时的方式相同)。我想避免这种行为,当我的叠加div出现时,页面应该只在底部居中,而不是跳到顶部 我的代码是Jquery 如何避免出现覆盖时跳转到顶部的默认页面行为?,jquery,html,layout,webpage,render,Jquery,Html,Layout,Webpage,Render,我在底部有一个可点击的按钮。只要我点击按钮,它就会打开一个覆盖图,但页面跳转到顶部(我的意思是,页面跳转到顶部-与加载时的方式相同)。我想避免这种行为,当我的叠加div出现时,页面应该只在底部居中,而不是跳到顶部 我的代码是 onclick="showOverLay();" function showOverLay() { $('.overlayBarcode').fadeIn('normal'); return false; } div.overlayBarcode { ba
onclick="showOverLay();"
function showOverLay()
{
$('.overlayBarcode').fadeIn('normal');
return false;
}
div.overlayBarcode {
background: url("/DiscoverCenter/images/white.png") no-repeat ;
_background: url("/DiscoverCenter/images/white.png") no-repeat ;
display: none;
margin: auto;
padding: 40px;
width: 576px;
z-index: 10000;
}
请让我知道,如何解决这个问题。我一直在尝试
谢谢你为什么不抓取并还原卷轴呢
var showOverLay = function(){
var curScroll = $(window).scrollTop();
$('.overlayBarcode').fadeIn('normal', function(){
$(window).scrollTop(curScoll);
});
return false;
};
或
你为什么不抓取然后还原卷轴呢
var showOverLay = function(){
var curScroll = $(window).scrollTop();
$('.overlayBarcode').fadeIn('normal', function(){
$(window).scrollTop(curScoll);
});
return false;
};
或
是链接吗?使用href的哈希标记?如果是这样,那就是罪魁祸首 是链接吗?使用href的哈希标记?如果是这样,那就是罪魁祸首 您需要防止单击功能中出现默认值 这只是一个示例函数
$('a.some_class').click(function(e){
e.preventDefault();
var some_example = document.getElementById('artist_one').offsetHeight;
$('#some_id').css("height", container_height );
});
您需要防止单击函数中出现默认值 这只是一个示例函数
$('a.some_class').click(function(e){
e.preventDefault();
var some_example = document.getElementById('artist_one').offsetHeight;
$('#some_id').css("height", container_height );
});
你的按钮是不是碰巧带有
submit
类型的按钮?如果你使用的是链接,请确保它没有#作为URL,你可以发布一些html吗?@Nick,它是一个完整的html,是一个公司数据,所以我很抱歉我不能把它放在上面。但这是页面加载到顶部的默认行为,因此如何防止这是我不知道的:(你的按钮是不是碰巧带有submit
类型的按钮?如果你使用的是链接,请确保它没有#作为URL,你可以发布一些html吗?@Nick,这是一个完整的html,它是一个公司数据,所以我很抱歉我不能把它放在上面。但这是页面加载到顶部的默认行为,因此如何防止这是我不知道的:(这里有一个问题,如果我想按照叠加打开位置恢复窗口位置,我可以用某种方法吗?“按照叠加打开位置”?我不明白。你的意思是如何恢复到“$”(“.overlayBarcode”上的fadeIn()的滚动位置'将其带到?第一个代码示例应该可以工作,除非您的意思是希望窗口滚动到鼠标指针的顶部。将其更改为'$(“body”).scrollTop();'这里有一个问题,如果我想根据重叠打开位置恢复窗口定位,我可以用某种方法吗?“根据重叠打开位置”?我不明白。你的意思是如何将“$('.OverlyBarCode')”上的fadeIn()恢复到滚动位置?第一个代码示例应该可以工作,除非你的意思是希望窗口滚动到鼠标指针的顶部。将其更改为“$(“.body”)。scrollTop()这是一条非常古老的线索,但谢谢你的回复。这将帮助其他人。这是一条非常古老的线索,但谢谢你的回复。这将帮助其他人。