重置页面中的所有溢出 - 隐藏所有滚动条

Question

有一个简单的方法在html页面中设置，即使用一堆css文件，所有溢出都隐藏了吗？

问题是没有在页面中显示滚动条。我们对内容的控制很少。

Answer 1

CSS

* {
    overflow: visible !important; /* either this */
    overflow: hidden !important; /* or this , depending on what you prefer */
}

或使用jQuery

$('*').css({overflow: 'visible'});

// or

$('*').css({overflow: 'hidden'});

如果您希望内容突破其容器，请使用 visible ，如果您希望内容超出其容器，请使用 hidden 。< / p>

*是一个通用选择器，它选择页面上的所有元素，包括所有div，span，a的元素。等等....所以如果带有滚动条的元素都是div的相同类型，你可以用$('*')替换$('div')以提高效率。