使用jQuery，我想要禁用页面的滚动：
我的想法是：
body{ overflow: hidden;} scrollTop();/scrollLeft()还有更好的方法吗？
更新：
请在 http://jsbin.com/ikuma4/2/edit 中查看我的示例以及原因。
我知道有人会想“为什么他不只是在面板上使用position: fixed呢？”
请不要建议此方法，因为我有其他原因。
这将完全禁用滚动：
$('html, body').css({
overflow: 'hidden',
height: '100%'
});
恢复：
$('html, body').css({
overflow: 'auto',
height: 'auto'
});
在Firefox和Chrome上测试过了。
height: 100% 可以有效地锁定滚动条在当前位置，而不会出现跳跃 - 至少在最新版的 Chrome 浏览器上是这样。 - zerm我找到的唯一方法与您描述的类似：
然后，当您准备好再次允许滚动时，撤销所有操作。
编辑：由于我费了很大力气去挖代码，所以没有理由不给您代码...
// lock scroll position, but retain settings for later
var scrollPosition = [
self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
];
var html = jQuery('html'); // it would make more sense to apply this to body, but IE7 won't have that
html.data('scroll-position', scrollPosition);
html.data('previous-overflow', html.css('overflow'));
html.css('overflow', 'hidden');
window.scrollTo(scrollPosition[0], scrollPosition[1]);
// un-lock scroll position
var html = jQuery('html');
var scrollPosition = html.data('scroll-position');
html.css('overflow', html.data('previous-overflow'));
window.scrollTo(scrollPosition[0], scrollPosition[1])
body 的任何溢出内容不是 auto，它都将被覆盖。我需要保留现有的设置，这也增加了一些开销。 - tfe试一试
$('#element').on('scroll touchmove mousewheel', function(e){
e.preventDefault();
e.stopPropagation();
return false;
})
$('#element').off('scroll touchmove mousewheel');гҖӮиҝҷиЎҢд»Јз Ғзҡ„дҪңз”ЁжҳҜеҸ–ж¶Ҳз»‘е®ҡеңЁ#elementе…ғзҙ дёҠзҡ„ж»ҡеҠЁгҖҒи§Ұ摸移еҠЁе’Ңйј ж Үж»ҡиҪ®дәӢ件гҖӮ - arnuschkybody滚动，同时允许在具有overflow:scroll的其他子元素中滚动呢？ - Fizzix我对tfe的解决方案进行了一些微调。特别地，我添加了一些额外的控制来确保在将滚动条设置为hidden时，页面内容不会发生偏移（也称为页面偏移）。
可以定义两个JavaScript函数lockScroll()和unlockScroll()，分别用于锁定和解锁页面滚动。
function lockScroll(){
$html = $('html');
$body = $('body');
var initWidth = $body.outerWidth();
var initHeight = $body.outerHeight();
var scrollPosition = [
self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
];
$html.data('scroll-position', scrollPosition);
$html.data('previous-overflow', $html.css('overflow'));
$html.css('overflow', 'hidden');
window.scrollTo(scrollPosition[0], scrollPosition[1]);
var marginR = $body.outerWidth()-initWidth;
var marginB = $body.outerHeight()-initHeight;
$body.css({'margin-right': marginR,'margin-bottom': marginB});
}
function unlockScroll(){
$html = $('html');
$body = $('body');
$html.css('overflow', $html.data('previous-overflow'));
var scrollPosition = $html.data('scroll-position');
window.scrollTo(scrollPosition[0], scrollPosition[1]);
$body.css({'margin-right': 0, 'margin-bottom': 0});
}
我假设 <body> 没有初始的 margin。
请注意，虽然上述解决方案在大多数实际情况下都有效，但并不是最终的解决方案，因为它需要进一步定制，以适应包含诸如带有 position:fixed 的页眉等页面。让我们通过一个例子来了解这种特殊情况。假设有：
<body>
<div id="header">My fixedheader</div>
<!--- OTHER CONTENT -->
</body>
#header{position:fixed; padding:0; margin:0; width:100%}
然后，在函数lockScroll()和unlockScroll()中应添加以下内容：
function lockScroll(){
//Omissis
$('#header').css('margin-right', marginR);
}
function unlockScroll(){
//Omissis
$('#header').css('margin-right', 0);
}
最后，注意一些可能的边距或填充的初始值。
marginRight 和 marginLeft :) - Martijn你可以使用这段代码：
$("body").css("overflow", "hidden");
要禁用滚动，请尝试以下方法：
var current = $(window).scrollTop();
$(window).scroll(function() {
$(window).scrollTop(current);
});
重置：
$(window).off('scroll');
您可以将一个函数附加到滚动事件上，并防止其默认行为。
var $window = $(window);
$window.on("mousewheel DOMMouseScroll", onMouseWheel);
function onMouseWheel(e) {
e.preventDefault();
}
$(window).disablescroll();
// To re-enable scrolling:
$(window).disablescroll("undo");
$(document).scroll(function () { $(document).scrollTop(0); });
编辑：无论如何都没有必要使用jQuery，下面的代码可以用原生JavaScript实现（意味着不需要框架，只使用JavaScript）：
document.addEventListener('scroll', function () { this.documentElement.scrollTop = 0; this.body.scrollTop = 0; })
this.documentElement.scrollTop - 标准模式
this.body.scrollTop - 兼容IE模式
$("body").css("overflow", "hidden");$("body").css("overflow", "initial");