包装器溢出后窗口滚动顶部:通过jQuery隐藏

时间:2013-01-30 18:55:06

标签: jquery css overflow hidden scrolltop

我不希望在我的包装器溢出后窗口滚动到顶部:通过jQuery隐藏。

$('#shownav').click(function(event) {
    $('#wrapper').toggleClass('noscroll');      
    return false;
});

HTML:

<div id="shownav"> navigation </div>
<div id="wrapper"> long content </div>

的CSS:

.noscroll {overflow:hidden;}

导航为position:fixed;

包装器有position: relative;width: 100%; height:100%;

如果我向下滚动很长的内容并单击#shownav,则内容会像scrollTop(0)一样滚动到顶部。但我不是这个!我错过了什么?

1 个答案:

答案 0 :(得分:1)

试试这个:

$('#shownav').click(function() {
    $('body').toggleClass('noscroll');
});