На моем сайте, основанном на WordPress, есть ненужная горизонтальная полоса прокрутки. Как я могу избавиться от него? Я проверил CSS для поиска полей, но не нашел.CSS - ненужная горизонтальная полоса прокрутки
Ссылка: http://www.onehourleft.de/tatort/
Ваш ".slideshow_container" шире, чем ширина окна. После изменения размера окна полоса прокрутки больше не отображается. Попробуйте найти решение в плагине слайд-шоу.
Или попробуйте добавить в "# room-slideshow" css style: "overflow: hidden;".
Все, что я знаю, теперь причина: Плагин слайд-шоу вычисляет ширину слайдов для их отображения. Но когда у меня есть достаточно вертикальный контента для вертикальной полосы прокрутки calcuted ширина должна быть:
начальной ширина - scollbar ширина
Но как я могу это исправить?
Вы можете использовать JQuery
$(function() { var width = window.innerWidth; $(".slides").css('max-width',width); })
Или самый простой body {overflow-x:hidden}
Как и Macias, плагин пересчитывает ширину при изменении размера окна. Может быть, можно заставить систему пересчитать это значение каким-то образом? – EmWe
try body {overflow-x: hidden}, он должен помешать полосе прокрутки. Будет ли он разрезать кусок ваших imgs? Да, но только маленький. –
Это не хорошее решение для меня, потому что вертикальное выравнивание контента больше не соответствует (проблема с дизайном) – EmWe
«.slideshow_container» имеет атрибут стиля с шириной моего окна браузера. Как вы узнали, что «.slideshow_container» шире ширины окна? – EmWe
Я проверил его в консоли разработчика в Chrome (FireBug for mozilla). переполнение: скрыто для «# room-slideshow» решит вашу проблему – Macias