Javascript CSS或JS使垂直滚动条仅在滚动时显示

有人知道如何使垂直滚动条仅在使用CSS或JS滚动时显示吗

---

谢谢

这可以使用CSS或JavaScript/jQuery来完成

以下是几个例子：

//JavaScript示例
document.querySelector（'.jsExample'）.addEventListener（'mouseenter'，function（e）{
e、 target.style.overflow='auto'；
}，假）；
document.querySelector（'.jsExample'）.addEventListener（'mouseleave'，function（e）{
e、 target.style.overflow='hidden'；
}，假）；
//jQuery示例
$（'.jQueryExample'）。悬停(
函数（）{//在悬停/mouseenter上运行
$（this.css（'overflow'，'auto'）；
},
函数（）{//在mouseleave上运行
$（this.css（'overflow'，'hidden'）；
}
);
/*CSS示例*/
.cssExample{溢出：隐藏；}
.cssExample:hover{overflow:auto；}
/*不重要的CSS只是为了设置示例*/
.cssExample、.jsExample、.jQueryExample{
背景：#EEE；
框大小：边框框；
高度：4em；
宽度：300px；
填充物：0.5em 1em；
边缘底部：1米；
溢出：隐藏；
}
.cssExample:：after、.jsExample:：after、.jQueryExample:：after{
显示：块；
内容：“知识产权是一门学问，是一位杰出的献身者，他在劳动和财富方面的贡献是暂时的。但是，在最低限度上，他在劳动和财富方面的贡献是有限的，他在劳动和财富方面的贡献是有限的如果你是一个不轻率的人，就必须为自己的行为负责。”；
}

CSS示例
JavaScript示例
jQuery示例
唯一的（跨浏览器）方式是自定义JS滚动条。这些都可以通过自己制作来完成，或者如果你已经在滚动，你也可以在线，这难道不意味着已经有了滚动条吗？很好的一点j08691，可能是老板娘会去做的。你知道如何用香草JS写这个吗？不想添加数千行jQuery来简单地显示/隐藏滚动条。浪费用户和服务器的空间、带宽和处理验证程序。是的。我清理了示例并添加了“纯”JavaScript版本。谢谢！我刚刚测试了它，但它没有像我预期的那样工作（但这不是你的问题，也不是主题）。如果在触摸设备上按住手指200 ms后选择“显示文字”，则必须按住100 ms才能滚动。因此，每隔一次，您将触发“选择文本”。