Браузер IE6, который был широко произведен в 2002 году и в настоящее время является основным в моей стране, не поддерживает атрибут фиксированного позиционирования CSS2.
1. Решение для обычного JS
Это самая старая и широко используемая. Недостаток состоит в том, что элементы перетаскивания стержня очень сильно дрожат. Тем не менее, важно сказать, что, хотя это решение имеет немного плохой визуальный эффект, стабильность не должна быть упомянута.
2. Используйте HTML -структуру и метод моделирования макета
Это решение когда -то было применено в блоге 163. состояние . Принцип: прокрутка, которую вы перетаскиваете, - это не вся страница, а контейнер, который имитирует всю страницу, поэтому место за пределами контейнера «все еще». подробно:
Ниже приведено цитируемое содержание: <! Doctype html public "-// w3c // dtd xhtml 1.0 Переход // en" |
Здесь визуальный эффект идеален, есть три проблемы:
1. Необходимо изменить структуру HTML (этот элемент не объясняется)
2. Уничтожьте пользовательский опыт: я раньше пробовал этот метод, но когда я обновляю страницу, полоса прокрутки не останется там, где он есть, что я не могу терпеть.
3. Уничтожьте некоторые события JS.
3. Беспрецедентное решение «метода очистки» для метода Марса
Принцип действительно странный, я не могу это объяснить, и ограничения приложения слишком велики. Смотрите примеры:
Ниже приведено цитируемое содержание: <! Doctype html public "-// w3c // dtd xhtml 1.0 Переход // en" |
4. Недавно используемое выражение и фиксированное фоновое решение для старой технологии
Это решение может визуально идеально реализовать статическое позиционирование. пример:
Cloudgamer: Effect Spop Up (Box Information resment).
Мое предыдущее: «Простая полная прозрачная маска (Lightbox) решение»