1 reply · opened Nov 15, 2019
I am trying to understand to use the parallax section. I can't find any clear document demonstrate how to add the parallax section and what components are required.
Point me if there any documents. If not, make it immediately as I cannot wait for days. If you can't make it quickly, please give me a proper solution here. I am on the project that has to be delivered by the end of November, and that is why I bought a template; otherwise, I could make my own.
Hello,
Apologize about the Inconveniences on this and the Lack of Documentation on the Parallax Element.
Please consider checking out this Official Documentation: https://github.com/Prinzhorn/skrollr . The Parallax Plugin used for the Parallax Functionality contains minimal documentation and also is slightly complicated. We are working on a Proper Documentation for the Parallax Plugin at the moment for easier integration and it will be available soon. Meanwhile, you can consider using the data-bottom-top="background-position:0px 0px;" data-top-bottom="background-position:0px -300px;" on the Parallax Section as an Example to apply a Parallax Effect on the Section. You can animate the CSS Properties of an Element/Section depending on the Horizontal Scrollbar Position. You use the HTML5 "data-" Attributes to define a Set of Styles. Like you can also use: data-bottom-top="background-position:0px 0px; background-color:#000". You can consider checking this cheatsheet for the available "data-" Attributes: https://ihatetomatoes.net/wp-content/uploads/2014/10/skrollr-cheatsheet-v02.png .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard