如何禁用页面的滚动条?

far*_*oft 9 javascript css jquery dom scroll

如何禁用页面的滚动条.

并禁用此按钮.

替代文字

pal*_*wim 29

滚动条是一个CSS问题.您可以将其添加到页面(或CSS文件的内部部分):

<style type="text/css">
html, body {
  overflow: hidden;
}
</style>
Run Code Online (Sandbox Code Playgroud)


Pis*_*3.0 7

您无法禁用该按钮(或任何其他滚动页面的方法); 看到这个.但是,您可以在检测到滚动时随时滚动(0,0).这可能看起来很难看(页面滚动一点,然后跳回来).

要禁用滚动条,您可以尝试设置html, body { overflow: hidden }; 我认为有些浏览器可能不尊重这一点.

(创建一个适合视口的页面不是更好,这样滚动条就不会显示了吗?)


far*_*oft 6

$(window).scroll(function() {
    scroll(0,0);
});
Run Code Online (Sandbox Code Playgroud)

  • 那么,这是 jQuery 吗?您可能想将其添加为标签。 (2认同)