У меня проблема с моим сайтом. Он основан на форуме PHPBB3, и мне нужно решение этой проблемы: люди не могут видеть полосы прокрутки во всех компонентах моего сайта. Сама полоса прокрутки существует, но она невидима, например, его непрозрачность как-то установлена на 0. Например, на этом скриншоте нет видимых полос прокрутки в крикболе, но вы все равно можете прокручивать, захватив это пустое пространство и перетаскивая его вверх и вниз (например, невидимая полоса прокрутки xd):
На Firefox все в порядке, но в Chrome и Opera (Webkit и blink engine) нет.
Я не знаю, что может сделать это, поэтому я ищу какое-то решение.
Заранее благодарю за любую помощь.
С уважением, Эрин.
На вашем элементе 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 от мая прошлого года, Opera реализовала расширения webkit (но она не перечисляет специфику webkit):
Установите свойство div для overflow: scroll;