隐藏Internet Explorer、Chrome、Firefox的滚动条

下面是我们想要隐藏滚动条的情况。我们有大量的内容。但我们还是要滚动。我们可以用不同的策略来实现这一点。

【官方正品】CSS希妍萃蓝铜胜肽嫩肤精华液抗初老淡纹紧致30ml
| 月销量10395件
券后458-50=408元
原价¥458

淘口令:

¥Mn2VX9BSkqD¥
 

通过使用Css

我们可以用 Css 在浏览器中隐藏和不显示滚动条的技术。所有主流浏览器都支持这一点,如 、Firefox、Internet Explorer和Opera。

我们将设置父类和子类 height width %100 . 我们还将设置一些属性,如 overflow hidden , overdlow-y scroll 等。

#parent{ height: 100%; width: 100%; overflow: hidden;}#child{ width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */}

通过使用Javascript

我们也可以使用 JavaScript语言 用于隐藏流行浏览器中的滚动条,如Chrome、Firefox、Opera、internetexplorer等 parent child 对象将其宽度和高度设置为相同的值。

var parent = document.getElementById('container1');var child = document.getElementById('container2');child.style.paddingRight = child.offsetWidth - child.clientWidth + "px";

隐藏Internet Explorer、Chrome、Firefox信息图表的滚动条

Hiding Scroll Bar for Internet Explorer, Chrome, Firefox Infografic
隐藏Internet Explorer、Chrome、Firefox信息图表的滚动条

相关文章: 什么是网络浏览器?

© 版权声明
THE END
喜欢就支持一下吧,技术咨询可以联系QQ407933975
点赞0
分享