Задать вопрос
@yabokushi

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

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

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

Наблюдаю подобное в браузерах Chrome и Edge. В Firefox все работает гладко
  • Вопрос задан
  • 1314 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
@vanyproduction
Там Fixed идет через JS скрипт, который вычисляет где ему быть... костыль на костыле. И в этом же скрипте идет плавное изменение этого значения - т.е. анимация. Хватит пользоваться скриптами, когда всё это можно реализовать в css одним лишь position:fixed;
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
LenovoId
@LenovoId
svg, css,js
а пример где ? ссылка , codepen , jsfiddle хоть что то
Ответ написан
делай все через position:fixed и не будет таких проблем. а происходит такое потому, что браузер не успевает все пересчитывать!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы