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

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

我的想法是：

1. Set body{ overflow: hidden;}
2. 捕捉电流scrollTop();/scrollLeft()
3. 绑定到body滚动事件，将scrollTop/scrollLeft设置为捕获的值。

有没有更好的办法？

Update:

请参阅我的示例及其原因，位于http://jsbin.com/ikuma4/2/edit http://jsbin.com/ikuma4/2/edit

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

请不要建议这样做，因为我还有其他原因。

这会完全地禁用滚动：

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

恢复：

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

在 Firefox 和 Chrome 上进行了测试。