我的网站Chrome/Opera浏览器中的元素没有滚动条

我的网站有问题。它基于PHPBB3论坛，我需要针对此问题的解决方案：人们无法在我的网站上查看所有组件中的滚动条。滚动条本身存在，但它是不可见的，就像他的不透明度设置为0一样。例如，在这个截图中没有可看见的滚动条，但您仍然可以通过抓住这个空白区域并上下拖动来滚动它一个无形的滚动条XD）：我的网站Chrome/Opera浏览器中的元素没有滚动条

enter image description here

在Firefox一切都很好，但在Chrome和Opera（的Webkit和眨眼引擎）不是。

我不知道有什么可能做到这一点，所以我正在寻找一些解决方案。

在此先感谢您的帮助。

此致敬礼， Areen。

来源

2013-09-30 Areen

有没有我们可以来看看具体的代码？ – Yotam

在铬滚动条是不可见的，直到你使用它 – aldanux

@Yotam，我很抱歉，但没有具体的代码:( – Areen

对你的身体元素的CSS，有一个WebKit的财产;

-webkit-transform: rotate(-0.0000000001deg);

正是在这里在样式表上的第36行：

http://www.generally.pl/style.php?id=4&lang=en

body { 
    /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */ 
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    color: #828282; 
    background-color: #FFFFFF; 
    /*font-size: 62.5%;   This sets the default font size to be equivalent to 10px */ 
    font-size: 10px; 
    margin: 0; 
    padding: 0; 
    -webkit-transform: rotate(-0.0000000001deg); 
}

取消选中在Chrome的检查这个属性（F12），让你的滚动条显示。我的猜测是，最初的设计师想隐藏滚动条，所以一个非常轻微的偏移使它消失。只是注释掉或删除这部分，你会没事的。

对不起，我早些时候做出了一个快速回答，却没有真正尝试。我已删除该帖子。这个答案适用于Chrome。它也应该适用于Opera，尽管我没有在任何一台电脑上安装Opera。据去年五月这个Sitepoint文章，歌剧院实现WebKit的扩展名（但是它没有列出具体的webkit变换）：

http://www.sitepoint.com/opera-css3-webkit-prefix/

来源

2013-10-01 14:24:20 Jason

非常感谢！它真的解决了！：D 此致敬礼！ – Areen

@areen如果你能接受答案，它会很酷。有一个复选框.... – Jason

我做到了。谢谢。 :) – Areen

设置div的样式属性overflow: scroll;

来源

2013-09-30 22:24:43

它已经完成。滚动存在于屏幕的标记部分。它是无形的。 – Areen

我的网站Chrome/Opera浏览器中的元素没有滚动条

回答

相关问题