Size: a a a

2020 August 25

d

dynamic in pro.js
Alexandr Dobrovolskiy
а как кстати сделать тут анимацию не нагружая джс поток?
Просто максимально вынести на css, все, что можно на него вынести.
источник

d

dynamic in pro.js
Эд
так ты же девушка, ты говорил
Да.
источник

AD

Alexandr Dobrovolski... in pro.js
dynamic
Просто максимально вынести на css, все, что можно на него вынести.
Не представляю как можно вынести в css например анимацию которая зависит от скролла
источник

d

dynamic in pro.js
Alexandr Dobrovolskiy
Не представляю как можно вынести в css например анимацию которая зависит от скролла
Если она неинтерактивна, то css-переменные \ calc \ transition. Css переменные реактивны по-дефолту.
источник

AD

Alexandr Dobrovolski... in pro.js
Понял, надо будет попробовать что-то запилить
источник

F

Foma in pro.js
а как именно надо анимировать?
источник

d

dynamic in pro.js
Я не говорю, что вынести можно абсолютно все. Так или иначе тот же стейт переменных ты обновлять будешь из жса. но вынести можно многое. Все всегда индивидуально.
источник

AD

Alexandr Dobrovolski... in pro.js
Та никак, я просто интересуюсь как можно пилить норм анимации без UI потока (например высота блока зависит от позиции скрола и при каком-то определённом значении там с ним что-то ещё происходит), когда я писал веб я не сильно успел с анимациями поработать, только react-spring юзал пару раз
источник

d

dynamic in pro.js
Alexandr Dobrovolskiy
Та никак, я просто интересуюсь как можно пилить норм анимации без UI потока (например высота блока зависит от позиции скрола и при каком-то определённом значении там с ним что-то ещё происходит), когда я писал веб я не сильно успел с анимациями поработать, только react-spring юзал пару раз
У блока height: calc(—scroll-position + какие-то вычисления)

Из жса ты обновляешь только —scroll-position
источник

AD

Alexandr Dobrovolski... in pro.js
Так это его и нагружает
источник

AD

Alexandr Dobrovolski... in pro.js
Если ты обновляешь раз в 16мс
источник

d

dynamic in pro.js
Зачем ты обновляешь раз в 16мс. Если достаточно обновлять при изменении позиции скорлла. Во-первых.
Во-вторых теперь представь, что у тебя 100 желментов завясят от позиции скорлла. Как по-твоему, происзводительнее 100 элементам из жс выставить высоты. Или из жс обновить одну ксс переменную .
источник

AD

Alexandr Dobrovolski... in pro.js
Если бы можно было как-то нативным образом связать позицию скрола и цсс переменную
источник

AD

Alexandr Dobrovolski... in pro.js
Или так и работает?
источник

CM

Chingiz Mamiyev in pro.js
Эд
а сколько тебе лет?
16
источник

Э

Эд in pro.js
не верю
источник

CM

Chingiz Mamiyev in pro.js
Эд
не верю
Он сам вроде говорил
источник

Э

Эд in pro.js
Chingiz Mamiyev
Он сам вроде говорил
а, ну ладно
источник

t

th.witness in pro.js
Chingiz Mamiyev
Он сам вроде говорил
Ему и пять, и семь, и одиннадцать.
источник

t

th.witness in pro.js
Но на самом деле 30.
источник