2012-07-25 68 views
1

我最近增加了一个Photoswipe画廊到我的网站,应用了下面的CSS:重载HTML CSS元素

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

现在的问题是,因为这个溢出的全屏画廊滚动,但它应该适合显示在屏幕上,不要滚动。我不想使用jQuery将其删除,因为我在此页面上遇到了jQuery问题。

我想:

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

没有运气。我还能做些什么来移除它?

回答

3

你可以试试这个,例如:

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

-1,因为'important'不好解决 – treng 2012-07-25 16:33:25

+0

这将是更好的@riwette!? – 2012-07-25 16:41:09

+0

@JohnVasiliou建立网站没有任何'!重要' – treng 2012-07-26 17:13:52

0

你的CSS代码段不归零插件的风格,简单宣布一个新的规则,没有任何风格,你需要明确设置的溢出值一些

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

只要这段代码问题来了代码之后,级联应该重写第一样式,!重要的是不需要(或一个很好的做法)。

另外,你可能想要使用不同的溢出值,因为我不确定你的插件是如何工作的。可能的值是可见的,隐藏的,滚动,汽车,继承

编号:https://developer.mozilla.org/en-US/docs/CSS/overflow