Верх страницы
Время для прочтения: 0 мин. 0 сек.

Эмуляция position: fixed в Internet Explorer 6

Internet Explorer 6 не поддерживает CSS-свойство position: fixed, поэтому для эмуляции данного эффекта используют position: absolute и CSS expression. Однако, в результате при скроллинге или изменении размеров окна браузера возникали небольшие подёргивания фиксированного блока. Баг возникает из-за того, что IE рендерит страницу в несколько этапов, обрабатывая CSS в последнюю очередь

Чтобы исправить данное поведение этого браузера, достаточно добавить фоновое изображение для html или body и зафиксировать его:

html {
    background: url(about:blank);
    background-attachment: fixed;
}
#header, #footer {
    position: fixed;
    left: 0;
    top: 0;
}
#footer {
    top: auto;
    bottom: 0;
}
* html #header {
    position: absolute;
    top:expression((0 + (ignoreMe = document.documentElement.scrollTop
       ? document.documentElement.scrollTop
       : document.body.scrollTop
    )) + 'px');
}
* html #footer {
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight
       ? document.documentElement.clientHeight
       : document.body.clientHeight
    )  + (ignoreMe = document.documentElement.scrollTop 
       ? document.documentElement.scrollTop
       : document.body.scrollTop))+'px'
    );
}

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Предыдущая запись
Следующая запись

Давайте дружить
в Telegram

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы