html js 或者css怎么做到隐藏滚动条，但是依旧可以滚动？
现在我的需求就只有两种解决方案：1隐藏滚动条，然后依旧可以滚动。2当用户没有动作时，自动隐藏滚动条，两种都是可以的，请大神解答，在下感激不尽！
最新回答
心痛亦已
2022-08-17 04:18:53
一、文字溢出，就让文字自动换行，代码如下：
二、隐藏内层DIV的宽度
扩展资罩厅料：
overflow这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可兄搭以放下所有羡闷拿内容也会出现滚动条。
参考资料：
w3school--CSS overflow 属性
曾天真现成熟
2021-09-08 17:04:52
::-webkit-scrollbar{width:0px}目前本方法只在webkit内核浏览器中有效(Chrome,Safari)。可以用JS做渐变的隐藏滚动条特坦旅效，让渗凳依旧可以滚动。你可以在JS里面写判定当用户鼠标不动一定时间然后消失。我对JS不是特别了解(只能看懂和修改JS代喊尺码的程度的能力，但是无论任何JS代码都敢修改的程度)，这效果能做出来的，我就不贴具体代码了。不需要嵌套，纯原生。将来浏览器会支持这个效果的。
或者你用滚动条插件(不推荐)
栖止你掌
2023-12-29 06:49:25
1、<html>
<div id="root"style="width: 100%;height: 100%" >
<div className="outer-container">
<div classname="inner-container">
<div className="container">
</div>
</div>
</div>
</div>
2、CSS：
.outer-container{
width: 100%;
height: 100%;
overflow: hidden;
}
.inner-container{
width: 100%;
height: 100%;
overflow: auto;
box-sizing: content-box;
padding-right: 17px;
}
扩展资料：
使用 overflow:hidden 隐藏滚颂银动条，但存在的问题是页面或元野辩宴素失去了滚动的特性，由于只需要兼容移动浏览器（Chrome 和 Safari）
应用如下 CSS 可以隐藏滚动条：
.element::-webkit-scrollbar {display:none}
如果要兼容 PC 其他浏览器（IE、Firefox 等），在容器外面再嵌套一层 overflow:hidden 灶烂内部内容再限制尺寸和外部嵌套层一样，就变相隐藏了。
雨零
2024-03-12 02:55:33
给你个思路。一个外部div里设置宽高设置overflow:hidden，然后里面插入一个div 设置
宽度width: 102%;height: 100%;overflow-x: hidden;overflow-y: auto;padding-right:30px;/*这个padding可以自己调整*/
然后在再插入的div里插入内容就可以了，这样滚动条就会超出视线范围而灶局被隐藏了。
你可以参考我的网站里blog栏目里那些弹窗滚动vganchou点com
秋雨绵绵
2021-05-11 02:21:29
一个div固定高度，超出部分影藏，在嵌套一个DIV，这个div没有答数唯固定高度，然后用JS获取到鼠标在里面这个DIV高度的移动值，吧这个值给里面DIV做一个Y轴的移毕好动，这样就没有滚动条显示，在鼠标移动的清培时候也会上下滚动
热门标签
