Как избежать полосы прокрутки во всех браузерах при отображении диалогового окна jQuery?

#jquery

Вопрос:

У меня есть страница, на которой при нажатии кнопки вызывается диалоговое окно Jquery с использованием jQuery. Но когда оно отображается, полоса прокрутки окна отображается во всех браузерах. Как мы можем избежать этого? Можем ли мы избежать этого использования jQuery? Или это лучше исправить с помощью CSS?.

1. Сохраните свою душу и поделитесь каким-нибудь кодом или живым примером. Как вы ожидаете, что люди помогут вам, когда все, что им нужно сказать, это «есть полоса прокрутки, как мы можем это исправить?». Ничего не происходит, сделайте диалоговое окно достаточно маленьким, чтобы оно поместилось в окне.

Ответ №1:

css

 .hidescrolls {
  overflow:hidden;
}

 ...click(function (){
   // show dialog();
   $('body,html').addClass('hidescrolls');
});

убедитесь, что вы используете $('body,html').removeClass('hidescrolls'); при закрытии / скрытии диалогового окна

1. спасибо, приятель, в Firefox и IE7 все работает нормально, но проблема все еще возникает в IE8.

2. это должно быть кроссбраузерным, убедитесь, что вы очистили весь кэш в ie8, просто если css кэширован

Ответ №2:

Просто установите значение overflow для тега body в hidden, должно сработать:

 $('body').css('overflow', 'hidden');

Скрипка: http://jsfiddle.net/garreh/xYatB/1 /