Проблема переполнения CSS с помощью показанного слайдера

Question

На этом веб-сайте http://rwl.rwlwater.com/ У меня небольшая проблема ... Я добавил переполнение: скрыто в элементе div с ползунком, картинки показывались в стопке, если был включен JavaScript или у пользователя медленное интернет-соединение ..

Но теперь у меня есть другая проблема ... Описание было помещено за пределы ползунка, и теперь оно скрыто ... Если я добавлю overflow-x: visible, то добавит полосу прокрутки, а это не то, что мне нужно. Я хочу, чтобы описание было полностью видимым, а переполнение-y скрыто.

Если вы хотите увидеть все целиком, просто используйте Firebug и удалите переполнение: скрыто на слайдере, и описание снова появится ... Если вы добавите переполнение, оно будет скрыто. Мне нужно иметь его без какой-либо полосы прокрутки. Я пробовал overflow-x: visible и auto, но он добавляет только полосу прокрутки внизу, и это не работает для меня, мне нужен оригинальный эффект.

Answer 1

Если вам требуется только overflow: hidden для браузеров с отключенной поддержкой JavaScript, вы можете сохранить правило в коде, но сбросить его на visible, используя JavaScript, как только документ будет готов - так он и победитt влияет на браузеры с поддержкой JavaScript.

Пример:

$(function () {
    $('#slides').css('overflow', 'visible');
});