jquery - 包装器溢出后窗口滚动到顶部 :hidden via jQuery

标签 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%;高度:100%;

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

最佳答案

试试这个:

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

关于jquery - 包装器溢出后窗口滚动到顶部 :hidden via jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14611591/

相关文章:

javascript - 当 ajax 调用存在时,jquery 验证不起作用

javascript - 使用 jquery sort() 函数对元素进行排序在 webkit 上失败

html - 如何设置溢出:hidden but still make scrollbar visible?

javascript - JQuery 映射 vs Javascript 映射 vs For 循环

jquery - 如何使用 JQuery 获取 <td> 在表中的位置?

jquery - 在与 animationend 绑定(bind)的函数之前延迟

css - 为什么 wordpress 会自动为图片添加内联 CSS 样式?

html - 定位订单列表的 lower-alpha bullets bullets

css - Parent Div 不会垂直展开

python - 允许 numpy 类型溢出