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

Question

我的网站有问题。它基于PHPBB3论坛，我需要解决这个问题的方法：人们看不到我网站上所有组件的滚动条。滚动条本身存在，但它是不可见的，就像他的不透明度以某种方式设置为0.例如，此屏幕截图中的shoutbox上没有可见的滚动条，但您仍然可以通过抓取此空白区域并上下拖动来滚动（例如一个看不见的滚动条xd）：

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

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

提前感谢您的帮助。

祝你好运， Areen。

Answer 1

在你的body元素的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。根据去年5月发布的Sitepoint文章，Opera实现了webkit扩展（但它没有具体列出webkit-transform）：

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

Answer 2

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