如何使用jquery从正文中隐藏滚动条

我想使用Jquery隐藏滚动条。有人能帮我吗

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

这适用于Chrome，但我想在所有浏览器中隐藏我的滚动条，我如何才能做到这一点？

尝试以下代码：

$('body').css({
'overflow': 'hidden'
});

---

您可以尝试以下代码：

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

试试这个

JS代码

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

Css代码

 body {width:100%; height:100%; overflow:hidden, margin:0}

---

您的代码仅在Chrome中工作的原因是您使用的是

-webkit滚动条

。Chrome是建立在（修改过的）webkit渲染引擎上的，所以这个标签只会影响Chrome（顺便说一句，还有Safari）。通常，

-webkit scrollbar

属性用于设置滚动条的样式。要隐藏它们，请使用

溢出

属性。下面是一个CSS解决方案：

body {
    overflow: hidden;
}

如果您想在jQuery中按要求执行相同的操作，请尝试动态添加overflow属性，如下所示：

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

请注意，您不必将此属性应用于整个身体。任何有效的选择器都可以

如果您试图隐藏滚动条，但仍然允许滚动，那么您将不得不对如何操作进行一些技巧。尝试添加一个带有

溢出：auto

和一些正确填充的内部容器。这将允许滚动条被推出包含的div，从而有效地隐藏它

看看这把小提琴，看看它在起作用：

这种方法的缺点是它不是完全跨浏览器友好的。每个浏览器决定滚动条的宽度，滚动条可以随时更改。如果小提琴中使用的

15px

对于浏览器来说不够，请增加该值

---

有关更多信息，请参阅答案。

相反，您可以隐藏滚动内容，使其不显示正文本身

试试这个

<style type="text/css">
    body {
        overflow:hidden;
    }
</style>

身体{
溢出：隐藏；
}

/*宽度*/
：-webkit滚动条{
宽度：10px；
}
/*跟踪*/
：-webkit滚动条轨迹{
长方体阴影：嵌入0像素透明；
边界半径：0px；
}
/*处理*/
：-webkit滚动条拇指{
背景：透明；
边界半径：0px；
}
/*悬停手柄*/
：-webkit滚动条拇指：悬停{
背景：透明；
}

您是否尝试了$（“body”）.css（“溢出”、“隐藏”）；我试过这个，但我需要的是身体必须滚动出滚动条，所以我使用-webkit滚动条。。。你能帮我写一些其他的代码吗@JabeerBashaik查看我的更新答案，了解隐藏滚动条时仍允许滚动的信息。溢出：隐藏；隐藏其余内容，位于上面是隐藏滚动条的最佳方式

    <style>
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px transparent; 
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: transparent; 
  border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: transparent; 
}
</style>