Javascript 从<；隐藏/删除滚动条；车身>；但允许滚动

根据标题，是否有方法隐藏/删除正文中的滚动条（不是div，而是整个正文），并保持“可滚动属性”处于启用状态？这几天我一直在尝试不同的解决方案，但都没有真正奏效

---

提前谢谢你

您可以使用下面的代码隐藏垂直和水平滚动。有关详细答案，您可以查看此项

身体{
溢出：隐藏；
}

通过CSS解决方案尝试这一点

body{
      overflow : hidden
}

如果必须在jQuery中执行相同的操作

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

---

这应该很有魅力。

在webkit浏览器中，您可以使用滚动条样式“隐藏”它：

---

不幸的是，这是错误的。

如果您将不想滚动的内容包装在

中，例如，将可滚动内容包装在类似

的内容中，例如：

<div class='hidden-scrollbar'>
    <div class='inner'>
        Lorem ipsum dolor sit amet...
    </div>
</div>

---

你可能需要稍微修改一下你页面的内容，这是一种笨拙的做法，但据我所知，这是获得你想要的东西的唯一途径

在body元素上隐藏滚动条并保持功能似乎很难。但这对您来说可能是一个足够好的解决方案：

CSS:

body{overflow:hidden;} 
body:hover {overflow:auto;}

-webkit-解决方案非常有效，我补充道： 要在IE上隐藏滚动条，请启用滚动条，然后隐藏滚动条

这是完整的CSS：

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

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

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

---

检查这里，你必须隐藏垂直或水平滚动，因为是的，如果你能打破它们，迷惑每个人，为什么要保持全世界都知道和依赖的惯例/rant@Roberrrt在过去的几天里，我尝试过这个解决方案，但它不起作用（至少在身体上是这样）。溢出：隐藏删除了滚动条以及滚动的可能性。我想要的是隐藏/删除滚动条，但仍然能够滚动。在我发送的链接中，人们也讨论了这种情况。通读其他答案。我没有测试它们，但似乎你必须为每个浏览器安排。谢谢你，凯。是的，您的解决方案会删除滚动条，但您不能再滚动了。我试图得到的是删除滚动条，但仍然能够滚动。这不是OP所要求的。溢出：隐藏；不只是隐藏滚动条，它还防止网站滚动。您的代码在webkit浏览器中运行顺畅。非常感谢。两个问题：1）你知道Firefox和IE/Edge的一些攻击吗？2） 我如何通过jQuery动态地实现这一点（例如：隐藏/删除滚动条，并在单击按钮后仍然能够滚动）？1）看一看2）我更新了我的示例，为CSS规则设置了一个切换按钮，但它不能立即工作。禁用滚动条后，您需要等待一秒钟，更改才能生效。“完美滚动条”似乎不起作用。我所做的是：1）分配一个id=“container”以及位置：相对和高度：100%；给身体贴标签；2） 初始化插件，如图所示：var container=document.getElementById（'container'）；初始化（容器）；3） 调用“销毁”来销毁滚动条：Ps.destroy（container）；不幸的是，什么也没有发生。相反，“轮速”等参数工作正常。

body {
    padding:50px;   
}

.hidden-scrollbar {
    background-color:black;
    border:2px solid #666;
    color:white;  
    overflow:hidden;
    text-align:justify;    
}

.hidden-scrollbar .inner {
    height:200px;
    overflow:auto;
    margin:15px -300px 15px 15px;
    padding-right:300px;
}

body{overflow:hidden;} 
body:hover {overflow:auto;}

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

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

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