html js 或者css怎么做到隐藏滚动条,但是依旧可以滚动

作者&投稿:郁良 (若有异议请与网页底部的电邮联系)
html js 或者css怎么做到隐藏滚动条,但是依旧可以滚动?~

一、文字溢出,就让文字自动换行,代码如下:

二、隐藏内层DIV的宽度

扩展资料:
overflow这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

参考资料:w3school--CSS overflow 属性

::-webkit-scrollbar{width:0px}
目前本方法只在webkit内核浏览器中有效(Chrome,Safari)。可以用JS做渐变的隐藏滚动条特效,依旧可以滚动。你可以在JS里面写判定当用户鼠标不动一定时间然后消失。我对JS不是特别了解(只能看懂和修改JS代码的程度的能力,但是无论任何JS代码都敢修改的程度),这效果能做出来的,我就不贴具体代码了。不需要嵌套,纯原生。将来浏览器会支持这个效果的。或者你用滚动条插件(不推荐)

请使用nanoscroller.js插件,本人在目前项目中已使用,效果出众,可以显示或隐藏滚动条,不是浏览器自带的滚动条,而是插件本身的滚动条,效果非常棒!

自制滚动条