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

通过使用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信息图表的滚动条

相关文章： 什么是网络浏览器？