Inversion Jul 21 2009 at 01:17

Особенность position:fixed, или почему мне пришлось заблокировать боковые вертикальные кнопочки типа «Оставьте свой отзыв»

2 min

6.2K

Firefox

+35

Comments 64

crash Jul 21 2009 at 01:31

ах вот это что, спасибо!

crash Jul 21 2009 at 12:04

так камон, рассказываем про минуса трусы

Kreker Jul 21 2009 at 13:34

Ты написал бесполезную кюкюкю. Я тоже, но ты сам попросил.

crash Jul 21 2009 at 13:38

вообще резонно

UFO landed and left these words here

Kreker Jul 21 2009 at 14:37

Это пишет человек, который считает что «покультурнее» пишется раздельно;)

sshz Jul 21 2009 at 14:40

Запятую пропустили, предлагаю вам пойти сделать харакири

Kreker Jul 21 2009 at 14:43

Да ошибся, извините. Но я не претендую на суперграмотного.
А в конце предложения, кстати, ставится точка.

sgnppv Jul 21 2009 at 16:38

Grammar Nazi vs Grammar Nazi.

Вах!

RedOctober Jul 21 2009 at 18:23

Убейтесь вы все!

Vetal4eg Jul 21 2009 at 23:18

Блин, ну хуже анонимусов, чесслово

sshz Jul 21 2009 at 16:42

А на кого претендуете, на человека который до каждого столба дое«ется?

nobr Jul 21 2009 at 18:44

Я понял, что на культурное общение.

Прекрасное общение получилось :)

UFO landed and left these words here

elanc Jul 21 2009 at 01:52

А можно узнать подробнее о Вашей конфигурации? Я обладатель P4-3Ghz, 1024Mb RAM, AGP GeForce 7300GT, FF 3.5.1. Я нахожу свою конфигурацию устаревшей, но описанной Вами проблемы не наблюдаю. Во всяком случае на Хабре.

elanc Jul 21 2009 at 01:55

Кстати, описанная Вами проблема действительно наблюдалась раньше, но еще в FF2. И решалась она средствами CSS. Жаль точнее не помню и сейчас не могу найти. Но если найду — обязательно отпишу.

elanc Jul 21 2009 at 02:17

Погуглил, нашел репорт по данной проблеме.
Заодно понял, почему не наблюдаю данной проблемы у себя — отключена плавная прокрутка.
Инструменты -> Настройки -> Дополнительные -> Общие -> Использовать плавную прокрутку

Inversion Jul 21 2009 at 07:15

Да, я пробовал жить без плавной прокрутки — меня она ещё больше напрягает, так как установлен большой шаг скроллинга. Но Вы правы, то о чём я написал, имеет место именно при плавном скроллинге.

eugenex15 Jul 21 2009 at 14:13

железо устаревшее…
плавная прокрутка отключена изначально т.к. на Asus eee 701 (630mHz) тормозит и без элементов position:fixed

Inversion Jul 21 2009 at 14:05

Только что посмотрел, что это именно эта проблема.

Но как такое может быть?
Reported: 2003-04-09 (!!!!!)
Status: NEW

Ведь у других браузеров нет такой проблемы.

elanc Jul 22 2009 at 11:19

Могу предположить, что это как-то связанно с механизмом отрисовки в Gecko.

UFO landed and left these words here

crash Jul 21 2009 at 01:58

E8400/2Gb/7600gs тот же фф и вин7 — есть артефакты, не то чтобы сильно тормозило, но рвет картинку.

elanc Jul 21 2009 at 02:07

Крайне не хотелось бы рассматривать случай с использованием Windows 7… Надеюсь, Вы поймете.

MAD_Kolia Jul 21 2009 at 14:01

А чем плохой Вин7?

elanc Jul 22 2009 at 11:21

Не берусь судить плох он или нет, но драйвера не вызывают особого доверия. А согласитесь, что от драйвера видеоадаптера зависит не мало…

Inversion Jul 21 2009 at 07:11

У меня Celeron 1.8GHz. Но, в любом случае, Вы очень хорошо описали то, что я долго не мог сформулировать — «рвет картинку».

Inversion Jul 21 2009 at 07:09

У меня очень старенький ноут: Celeron 1.8GHz с int. video, 1Gb RAM

Inversion Jul 21 2009 at 07:30

О ужас, только что посмотрел, что у меня даже на 1.8, а только 1.6… размечтался :)

homm Jul 21 2009 at 07:28

Плохо искали.

Inversion Jul 21 2009 at 07:35

Да, у Вас практически такое же решение. Но я действительно искал (Firefox + position:fixed).

4upuk Jul 21 2009 at 09:15

Именно поэтому я перешел на просмотр Хабра в Хроме.

Supercharged Jul 21 2009 at 10:26

Панельки сбоку типа «оставьте свой отзыв» вообще какая-то глупость.

Power Jul 21 2009 at 13:16

Замечание по коду: unsafeWindow не рекомендуется использовать, особенно, когда можно обойтись без него:

window.addEventListener("scroll", function () {
...
}, false);

Inversion Jul 21 2009 at 13:22

Вот за это спасибо. Не знал.

Inversion Jul 21 2009 at 13:32

Уже обновил скрипт. Жаль заряд уже с утра закончился и нечем отблагодарить. Но я Вас запомнил :)

UFO landed and left these words here

warmbellycat Jul 21 2009 at 13:34

[irony]ну должен же FF быть в чём-то хуже[/irony]

anthonio Jul 21 2009 at 13:45

Это не эта проблема?

Inversion Jul 21 2009 at 14:01

Может быть. Я вот вспомнил, что похожие тормоза я ловил на starcraft2.com, именно когда внизу страницы начинает проглядываться большая закреплённая фоновая картинка.

Но состояние этого багрепорта совсем не радует…
Reported: 2006-11-24
Status: NEW

anthonio Jul 22 2009 at 03:59

Если в этой проблеме виновата библиотека cairo, тогда ждать исправления стоит не от них. :(
Я, к сожалению, упустил тот момент, когда эта проблема появилась. Возможно как раз с выходом Firefox 3.0 — где они стали использовать эту библиотеку.

el777 Jul 21 2009 at 13:56

Та же самая фигня с фаерфоксом 3.0.11 даже на не самом слабом компе — Core2Duo 1.6GHz.

egorinsk Jul 21 2009 at 15:14

Гм, я слышал что в експлорере 6 бороться с глюками при эмуляции pos: fixed помогает background-attachment: fixed, на body (ну или на диве, который под прикрепленным элементом), не хотите попробовать с ФФ, а вдруг поможет?

Кстати, в Опере это не тормозит, но зато тормоза прокрутки вызывают элементы со свойством outline, недавно кучу времени убил, чтоб обнаружить это.

Inversion Jul 21 2009 at 15:22

в експлорере 6 бороться с глюками при эмуляции pos: fixed помогает background-attachment: fixed

Да, я знаю об этом. Оно лечит только глюк IE6.

Chizh Jul 21 2009 at 15:26

Однажды под новый год случилось на сайт устанавливать снежинки :-)
В первой версии скрипта я сделал див 1x1 с position:fixed, а уже относительно него двигал все снежинки. Так вот когда начал проверять в ФФ я был в шоке, такого «расколбаса» на странице я даже в IE6 не видел :-) На тот момент пришлось отказаться от использования этого свойства.

silverwind Jul 21 2009 at 22:09

Сделайте нам как-то на пятницу с обеда такую страницу, ну пожалуйста? ;-)

rsboarder Jul 21 2009 at 15:39

не знаю, у меня лично при position:fixed у элементов ничего не тормозит, а вот если у background стоит fixed, то жутко все тормозит, причем не только в фф, и не только в винде, но и в mac os

el777 Jul 21 2009 at 15:43

А есть такой универсальный скрипт, чтобы на всех сайтах можно было прятать fixed-элементы?

Inversion Jul 21 2009 at 15:48

Так можно упрятать какой-то важный элемент. Приходится подстраиваться под конкретные сайты, блокировать конкретные популярные сервисы.

dolzhanskiy Jul 21 2009 at 16:05

Спасибо за скрипт. Но у меня все ровно остались проблемы.
Рендеринг страниц на хабре немного стал лучше. А вот все остальные сайты, продолжают тормозить при скроле.
Возможно у меня проблема в чем-то другом.

Inversion Jul 21 2009 at 16:11

Этот скрипт написан только для панельки Хабра.

Inversion Jul 21 2009 at 16:15

А я, действительно, так скрипт оформил, что и не видно, что он только для Хабрахабра. Исправил.

SerJook Jul 21 2009 at 17:23

Я тоже ощущаю дискомфорт при прокрутке страниц с такими элементами в Fx.

Но что делать, если у меня в Google Chrome подобный эффект наблюдается на всех страницах?
Любая более-менее большая страница, и прокрутка в Хроме тормозит, нагрузка на процессор — 100 %…

Celeron 2.5 Ghz, конечно, слабый процессор, но Firefox и Opera вполне справляются.

Rylov Jul 21 2009 at 18:56

Пользуясь случаем хочется попросить сообщество, прояснить один вопрос:

Имеется куча сайтов на IIS все они доступны в корпоративном интранете (большинство содержит баги), хочется приделать аналогичную кнопочку на каждую страницу, но вручную править страницы это не вариант.

Каким образом можно добавить к странице кусок javascript кода? (на сколько я понимаю это должен делать IIS). Просьба подсказать или кинуть ссылку.

Rylov Jul 22 2009 at 17:41

/me Кажется нужно копать в сторону ISAPI фильтров, но чувствую, что там только геморой :(

n0mini Jul 21 2009 at 19:59

Попробуй избавится от fixed'а. Есть способ, по-моему его предложил Сергей Чикуенок, суть заключается в том, что мы ложим див на всю видимую область, делаем ему overflow:auto, а body — overflow:hidden. Визуально тоже самое, но если положить элемент абсолютно вне дива, он встанет как fixed (это решение правило еще поведение fixed'a с png24 внутри при скроллинге в ff).

Если всякие fixed-приблуды важны — кури в эту сторону ;)

Mithgol Jul 21 2009 at 21:15

Только не ложим, а кладём, воут?

simpel Jul 22 2009 at 01:21

Можно конечно посоветовать разработчикам использовать вместо честного position:fixed его эмуляцию, которая избавляет от «разрывов» при скроллинге (через дополнительный общий контейнер), но стоит ли? :)

q0p Nov 7 2011 at 04:22

А можно ссылку на баг в багзилле лисы?

Inversion Nov 7 2011 at 14:44

Думаю, что это не баг, а скорее особенность рендеринга. На машинах помощнее и движке посвежее это уже не заметно как раньше.
Обладатели бюджетных ноутов сразу понимают о чем этот пост, и более тысячи установок скрипта тому подтверждение.

q0p Nov 7 2011 at 16:44

У меня вот не слабое железо и возможно поэтому я никогда этого не замечал, но всё равно — описанное вами поведение заслуживает создания соответствующего бага в багзилле.
Если вас не затруднит — то, пожалуйста, создайте баг. Я бы и сам создал его, но я его не наблюдаю.

Inversion Nov 7 2011 at 18:04

Посмотрите комментарий выше

q0p Nov 7 2011 at 18:28

Там статус бага resolved fixed, у вас ещё наблюдается этот баг?

Inversion Nov 7 2011 at 18:49

Да, так как ноут остался тот же и Firefox на нем старой версии, и обновляться пока что не будет из-за поддержки расширений.

Так же не ясно, в какай именно версии проблема была исправлена и была ли вообще реально исправлена, так как в комментарии к изменению статуса просто написано:
I can no longer reproduce the slow scrolling effects with the latest hourlies.