2 doyoucnm doyoucnm 于 2016.02.18 23:21 提问

js如何隐藏浏览器滚动条却能保持内容滚动?

尝试了
document.documentElement.style.overflowY = 'hidden';
隐藏了滚动条但内容不能滚动了。
或是

    ::-webkit-scrollbar {
        width: 0px;
    }

但是只有 chrome 能用。

请问有没有办法隐藏浏览器滚动条却能保持内容滚动?

还有能不能通过JS获取或者更改 滚动条(不是scrollHeight,而是那个bar的高度)的高度?

5个回答

showbo
showbo   Ds   Rxr 2016.02.19 10:11

添加mousewheel事件,然后设置document.body(backCompat或者webkit核心)或者document.documentElement(CSS1Compat模式)的scrollTop属性

javascript鼠标滚轮滚动事件

devmiao
devmiao   Ds   Rxr 2016.02.18 23:25
doyoucnm
doyoucnm 这问题就是我提的
接近 2 年之前 回复
diaoliwei2
diaoliwei2   Rxr 2016.02.19 08:39

是不是有插件可以实现这样的

qq_22094223
qq_22094223   2016.06.22 09:35

找到滚动事件,控制属性即可

cz_0228
cz_0228   2016.11.07 11:13

重写滚动条的样式,把滚动条的设置成透明的

Csdn user default icon
上传中...
上传图片
插入图片