jquery - 如何以编程方式使用 jQuery 禁用页面滚动

Question

使用 jQuery，我想禁用正文的滚动:

我的想法是:

1. 设置body{ overflow: hidden;}
2. 捕获当前的scrollTop();/scrollLeft()
3. 绑定(bind)body滚动事件，设置scrollTop/scrollLeft为捕获的值。

有没有更好的办法？

---

更新:

请在 http://jsbin.com/ikuma4/2/edit 查看我的示例及其原因

我知道有人会想“他为什么不直接在面板上使用 position: fixed？”。

请不要建议这个，因为我有其他原因。

Answer 1

这将完全禁用滚动:

$('html, body').css({
    overflow: 'hidden',
    height: '100%'
});

恢复:

$('html, body').css({
    overflow: 'auto',
    height: 'auto'
});

在 Firefox 和 Chrome 上测试过。