У меня есть элемент в моей форме, который выглядит так:
<div style="overflow-y:auto;overflow-x:hidden;height:100%;width:100%">
В IE7, когда страница сначала отображается, нет полос прокрутки. Однако, если я изменяю размер страницы (даже всего 1 пиксель), полосы прокрутки отображаются правильно.
Есть ли что-то, что я могу сделать, чтобы полосы прокрутки отображались правильно, когда страница сначала отображается?
Установите переполнение-y для прокрутки, если вы всегда хотите полосу прокрутки.
Это проблема, которая возникает из-за ошибки hasLayout в IE6 и IE7. Это влияет на то, как IE отображает страницу. Чтобы избавиться от проблемы, вы должны рассмотреть возможность чтения этой замечательной страницы о hasLayout и ее хаках. Там также официальная Microsoft hasLayout выделенная страница.
Предлагаемые хаки: height: 0; и zoom: 1; в зависимости от версии IE, на которую вы хотите настроить таргетинг, и типа вашего элемента.
Вы должны добавить margin-right: 20px к вашему стилю, поэтому полоса прокрутки будет отображаться на экране.
Я использовал переполнение: прокрутка и исправила мою проблему с исчезающей полосой прокрутки при загрузке. Мои таблицы динамически создаются и должны автоматически прокручиваться при загрузке страницы, поскольку у меня достаточно данных для начала.
Мне не пришлось делать никаких других изменений. Теперь он работает во всех трех браузерах IE7, IE8 и FF.
Попробуйте Internet Explorer 9 и посмотрите, работает ли ваш текущий script. Скорее всего, он работает там, и если это так, вы можете пересмотреть свое внутреннее желание сделать все это совместимым с предыдущими версиями Internet Explorers, такими как 7 и т.д.
С Chrome и FireFox, убирающим аудиторию из IE на быстрый, я прогнозирую, что это только вопрос времени, до того, как такие вопросы будут устаревшими...
попробуйте абсолютную ширину и высоту, при изменении размера IE7 может вычислять сами измерения, когда вы переходите к изменению размера страницы, тогда как при загрузке страницы это не...