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

html-css016

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

你好!

既然已经用了JS可以考虑另外一个方案

一个div固定高度,超出部分影藏,在嵌套一个DIV,这个div没有固定高度,然后用JS获取到鼠标在里面这个DIV高度的移动值,吧这个值给里面DIV做一个Y轴的移动,这样就没有滚动条显示,在鼠标移动的时候也会上下滚动

仅代表个人观点,不喜勿喷,谢谢。

1、使用滚动条来显示溢出的内容。

overflow:scroll。(无论div中的内容是否溢出,都会出现滚动条框)

2、使用滚动条来隐藏溢出的内容。

overflow:hidden。(div中溢出的部分呗隐藏)

3、设置浏览器自动处理溢出内容。

overflow:auto。 (当div的内容没有溢出的时候显示正常状况,当溢出后自动为其加上滚动条)

先 overflow:hiddenposition:relative

然后在你的这个区域捕捉 scroll 事件 ,先阻止默认事件,然后根据返回的值设置 这个的 区域的css 的top 值 , 用jQuery的animation设置属性就会有这个滚动效果,记得使用一下throttle用来节流,就是减少事件触发次数 ,就能近乎完美实现仿照系统滚动了.