sir,if we can use { translateY(calc(var(--scrollPos, 0) * var(--offset, 0))) }this in all type of parallax .if I want to speed up the scrolling parallax then what to do if add some number to it or any thing else to do?? pls help me to this prolem
Front-end web developer working for SeriesEight - previously Blue2 and The Covey Agency. Interested in simplifying front-end development, promoting accessibility, performance and static sites.
The speed of the parallax is controlled by the --offset custom property.
If set to 1 it will look like it is fixed, if set to 0 it will scroll with the content of the page as normal.
Go ahead and vary it and see how it changes! Although I don't need to, any number > 1 will scroll faster than the page content, and any number < 0 will scroll in a direction opposite from the scrolling direction.
sir,if we can use { translateY(calc(var(--scrollPos, 0) * var(--offset, 0))) }this in all type of parallax .if I want to speed up the scrolling parallax then what to do if add some number to it or any thing else to do?? pls help me to this prolem
The speed of the parallax is controlled by the
--offset
custom property.If set to 1 it will look like it is fixed, if set to 0 it will scroll with the content of the page as normal.
Go ahead and vary it and see how it changes! Although I don't need to, any number > 1 will scroll faster than the page content, and any number < 0 will scroll in a direction opposite from the scrolling direction.
Thank you Sir for explaining me this