Как исправить дерганье элемента при transform, scroll?

Question

[Артём Альбе]

Здравствуйте! Есть задача сделать такого рода эффект с каплями (transform: matrix), как на этом шаблоне https://readymag.com/u33119051/1291444/ . Задача практически решена , но в моем случае капли периодически дергаются при передвижении . Если прописать свойство к анимируемому элементу position: fixed , то проблема исчезает , но в шаблоне у элемента absolute , а работает все ок. Также все хорошо, если прокручивать дергая полосой прокрутки(зажимая кнопку мышки), но если колесиком мышки и клавиатурой , то дергается . Возможно я неправильно считаю координаты в зависимости от скролла. Подскажите пожалуйста в чем может проблема?

Comments

[Beeetle]

Закиньте код на codepen или jsfiddle

[Артём Альбе]

Beeetle, Отправляю код
и видео https://yadi.sk/i/8mdj0Jk01Q-nTQ . На 45 сек видео ставлю для блока position: fixed и работает нормально , ровно на 1:00 мин убираю fixed и опять дерганье.