search

bramus / scroll-driven-animations-debugger-extension

Browser extension to debug Scroll-Driven Animations
40 stars 1 forks source link

Element's depicted opacity depends on scroll speed #25

Open kizu opened 1 year ago

kizu commented 1 year ago

For my examples for scrolling shadows, when inspecting the shadow animation, it seems that the value for the opacity of the element representation is updated on something like scroll end, and when it goes to 0/out of bounds, it is not updated?

https://github.com/bramus/scroll-driven-animations-debugger-extension/assets/177485/f310c1a1-069d-4297-948e-43562cf1d68d

kizu commented 1 year ago

Testing this example more, it seems that there is overall some other weirdness happening: it stopped showing the opacity change for some reason, and started scrolling it, also with the difference in how it handles the speed, until I enable the “edit values”, which does not look as I would expect it to, and then disabling it the scroll seem to work fine.

Edit: wrong video

https://github.com/bramus/scroll-driven-animations-debugger-extension/assets/177485/129679ce-2a1b-4cec-9b04-8a5a9c94e69c