禁用浏览器垂直和水平滚动条

是否可以使用jQuery或javascript禁用浏览器垂直和水平滚动条？

1> Alexander Pr..：

---

如果你需要动态隐藏和显示滚动条,你可以使用

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

和

$("body").css("overflow", "auto");

你代码中的某个地方.

---

隐藏溢出并不总是在IE中工作.请参阅下面的AnthonyWJones答案.

---

`oveflow:hidden`不会阻止智能手机上的任何东西.

2> 小智..：

---

function reloadScrollBars() {
    document.documentElement.style.overflow = 'auto';  // firefox, chrome
    document.body.scroll = "yes"; // ie only
}

function unloadScrollBars() {
    document.documentElement.style.overflow = 'hidden';  // firefox, chrome
    document.body.scroll = "no"; // ie only
}

---

作为唯一纯粹的javascript答案,两个upvotes非常少.

---

@HermannIngjaldsson:看到OP要求使用JavaScript或jQuery解决方案并且4年前接受了jQuery解决方案它才有意义.我不是说答案不好,只是说明较低的选票.无论如何我来自+1.

3> Ray Lu..：

---

试试CSS

---

为了兼容浏览器,我还将此样式添加到HTML标记中:html,body {overflow:hidden;}

4> AnthonyWJone..：

---

到目前为止,我们已经溢出:隐藏在身体上.然而IE并不总是尊重它,你需要在body元素上放置scroll ="no"和/或放置overflow:隐藏在html元素上.

当你需要"控制"视口时你可以做到这一点,你可以做到这一点: -

在主体中授予高度100%的元素具有窗口视口的完整高度,并且元素绝对使用底部定位:nnPX将被设置在窗口底边上方的像素等处.

---

不是','应该是';',在身体css？

5> 小智..：

---

试试CSS.

如果要删除水平

overflow-x: hidden;

如果你想删除垂直

overflow-y: hidden;

6> Gawin..：

---

如果您还需要Internet Explorer 6的支持,只需溢出html即可

$("html").css("overflow", "hidden");

和

$("html").css("overflow", "auto");

7> Lg102..：

---

在IE的现代版本(IE10及更高版本)中,可以使用-ms-overflow-style属性隐藏滚动条.

html {
     -ms-overflow-style: none;
}

在Chrome中,可以设置滚动条的样式:

::-webkit-scrollbar {
    display: none;
}

如果您想在Web应用程序中使用"默认"正文滚动,这非常有用,这比使用快得多overflow-y: scroll.