Jquery 如何避免出现覆盖时跳转到顶部的默认页面行为?

Jquery 如何避免出现覆盖时跳转到顶部的默认页面行为?,jquery,html,layout,webpage,render,Jquery,Html,Layout,Webpage,Render,我在底部有一个可点击的按钮。只要我点击按钮,它就会打开一个覆盖图,但页面跳转到顶部(我的意思是,页面跳转到顶部-与加载时的方式相同)。我想避免这种行为,当我的叠加div出现时,页面应该只在底部居中,而不是跳到顶部 我的代码是 onclick="showOverLay();" function showOverLay() { $('.overlayBarcode').fadeIn('normal'); return false; } div.overlayBarcode { ba

我在底部有一个可点击的按钮。只要我点击按钮,它就会打开一个覆盖图,但页面跳转到顶部(我的意思是,页面跳转到顶部-与加载时的方式相同)。我想避免这种行为,当我的叠加div出现时,页面应该只在底部居中,而不是跳到顶部

我的代码是

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()这是一条非常古老的线索,但谢谢你的回复。这将帮助其他人。这是一条非常古老的线索,但谢谢你的回复。这将帮助其他人。