Fancybox/JQuery в Internet Explorer 7

Question

Мы используем FancyBox 2.0/JQuery 1.7 в Internet Explorer 7 на http://www.tuxx.nl/spelling/werkwoorden/#print. Когда вы нажмете кнопку «Обратная связь» внизу, вы увидите всплывающее окно с полосами прокрутки. Как мы можем выглядеть так, как это выглядит в Chrome?

Answer 1

Может быть сделано в два этапа:
1) Set прокруткой собственности ложной
2) Добавьте следующее где-то в коде, после того, любой параметр CSS ваш .wrapper класс

<!--[if lt IE 8]> 
<style type="text/css">#feedback_form .wrapper { height:362px; width:500px; }</style> 
<![endif]--> 

путь FancyBox устанавливает размер это сам согласовывая размера его содержимое. В более старых версиях IE $().width() и height могут возвращать неправильные значения, поскольку они не учитывают margin/padding или некоторые другие причины. Я знаю, в чем причина, но я забыл. Главное, что он взломан в старых IE, поэтому вам нужно установить ширину/высоту на нечто достаточно большое, чтобы оно отображалось правильно.

Вы можете проверить это с помощью $('#feedback_form .wrapper').css({'height':'362px','width':'500px'}); где-то в Javascript, как доказательство концепции. Я лично протестировал его в режиме совместимости с IE9, используя консоль, прежде чем нажать кнопку «feeback».

Answer 2

Попробуйте установить свойство прокрутки на значение false. Я нашел, отвечая на вопрос, как у вас, проверить его jQuery - Fancybox: But I don't want scrollbars!