Question

我最近在我的网站上添加了一个Photoswipe图库，其中应用了以下CSS：

html {overflow-y:scroll;overflow-x:auto;}

现在问题是全屏幕画廊由于这种溢出而滚动，但它应该适合它所显示的屏幕，不滚动。我不想使用jQuery删除它，因为我在这个页面上遇到了jQuery的问题。

我试过了：

<style type="text/css">
html {}
</style>

没有运气。我还能做些什么来删除它？

Answer 1

您可以尝试这样做：

<style type="text/css">
html 
{
overflow-y:auto !important;
overflow-x:auto !important;
}
</style>

Answer 2

你的css代码片段并没有将插件的样式归零，它简单地声明了一个没有任何样式的新规则，你需要明确地将溢出值设置为某种东西

<style type="text/css">
    html { 
       overflow-x:auto; 
       overflow-y:auto; 
    }
</style>

只要这段代码出现在问题代码之后，级联应该覆盖第一个样式，重要的是不需要（或者是一个好的做法）。

另外，您可能希望使用不同的溢出值，因为我不确定您的插件是如何工作的。可能的值是可见的，隐藏的，滚动的，自动的，继承的