Эмуляция 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'
    );
}
Пошерить
Плюсануть
Отправить
Вотсапнуть

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

1. Нажимая на кнопку "Отправить", я даю согласие на обработку персональных данных.

2. Для вставки кода используйте специальные теги [code lang="php"]ваш код[/code]