隐藏滚动条,但仍可以滚动

隐藏滚动条,但仍可以滚动,第1张

隐藏滚动条,但仍可以滚动

只是测试工作正常。

#parent{    width: 100%;    height: 100%;    overflow: hidden;}#child{    width: 100%;    height: 100%;    overflow-y: scroll;    padding-right: 17px;     box-sizing: content-box; }
Javascript:

由于滚动条的宽度在不同的浏览器中会有所不同,因此最好使用Javascript进行处理。如果这样做

Element.offsetWidth -Element.clientWidth
,将显示确切的滚动条宽度。

要么

使用

Position: absolute

#parent{    width: 100%;    height: 100%;    overflow: hidden;    position: relative;}#child{    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: -17px;     overflow-y: scroll;}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5022074.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-15
下一篇 2022-11-15

发表评论

登录后才能评论

评论列表(0条)

保存