Почему фиксированный элемент «прыгает» при скролле Chrome и Edge?

Question

[yabokushi]

Имеется элемент DIV
div.style.top привязан к document.body.scrollTop

При скролле DIV дергается то вверх, то вниз. Координата Y при этом не дергается.

Наблюдаю подобное в браузерах Chrome и Edge. В Firefox все работает гладко

Answer 1

[VANY]

Там Fixed идет через JS скрипт, который вычисляет где ему быть... костыль на костыле. И в этом же скрипте идет плавное изменение этого значения - т.е. анимация. Хватит пользоваться скриптами, когда всё это можно реализовать в css одним лишь position:fixed;

Comments

[Максим]

там получается плавает блок , а позитион фиксед - тупо влепит блок куда укажут и всё , он типа вот этого делал : sticky01.blogspot.ru/2013/09/3.html

[Максим]

Максим Жаров: или вот этот пример :sticky01.blogspot.ru/2013/09/4.html

Answer 2

[Максим]

а пример где ? ссылка , codepen , jsfiddle хоть что то

Comments

[yabokushi]

mirlostudio.com/mission/2016/06/06/find-the-view-o...
Элемент с id=sidebar (правый сайдбар) при отключении transition начинает дергаться в Chrome

[Максим]

yabokushi: ни что там не дёргается , лично у меня в Chrome

[yabokushi]

Максим Жаров: transition у sidebar отключил?

[Максим]

да отключил - всё ровно и красиво (мне тема понравилась для вашего wp)

Answer 3

[Руслан Шадура]

делай все через position:fixed и не будет таких проблем. а происходит такое потому, что браузер не успевает все пересчитывать!