禁用任何类型的浏览器窗口滚动?

时间:2012-05-24 20:07:14

标签: javascript html css gwt

有没有办法禁用滚动?不只是滚动条,而是浏览器窗口的整个功能?

3 个答案:

答案 0 :(得分:23)

根据您对Keit的回答,当您打开灯箱时,您不希望滚动显示? 如果是这种情况,您可以在使用以下css打开灯箱的同时向主体添加类

关于这个解决方案的好处是它保持滚动“空间”,所以网站不跳,它更像是禁用它。希望这有帮助

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}



$('body').addClass('noscroll');
$('body').removeClass('noscroll');

答案 1 :(得分:9)

CSS

body
{
overflow: hidden;
}

的javascript

document.body.style.overflow = "hidden";

的jQuery

$("body").css('overflow', 'hidden');

答案 2 :(得分:3)

如果您的网页中单独使用GWT应用程序,则可以使用:

import com.google.gwt.user.client.Window;
// ...

Window.enableScrolling(false);

例如在onModuleLoad函数中。