Question

我底部有一个可点击的按钮。一旦我点击按钮，它就会打开一个叠加层，但页面会跳转到TOP。（我的意思是说，Page就像加载时一样走向顶端）。我想避免这种行为，页面应该只在底部居中，而不是在我的叠加div出现时跳到TOP。

我的代码是

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;
}

请让我知道，如何解决这个问题。我正在尝试这个问题。

由于

Answer 1

是链接吗？使用href的哈希标记？如果是这样，那就是罪魁祸首。

Answer 2

您需要在点击功能中防止默认

这只是一个示例函数

$('a.some_class').click(function(e){
    e.preventDefault();
    var some_example = document.getElementById('artist_one').offsetHeight;
    $('#some_id').css("height", container_height );
});

Answer 3

为什么不抓住然后恢复滚动？

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');
    $(window).scrollTop(curScoll);

    return false;
};

当出现任何叠加时，如何避免跳转到TOP的默认页面行为？

3 个答案: