Problem
When starting to scroll the homepage, the footer section is initially visible before the first below-the-fold section JS kicks in and animates it in.
Solution 1
Adjust the animation/JS timing or positioning so it kicks in earlier and footer is not visible until the user scrolls to it
Solution 2
Use a simpler below-the-fold content display approach, ideally it's always visible and just uses CSS animations for visual enhancements. Fancy animation currently deteriorates the experience, so it's kinda moot.
Problem When starting to scroll the homepage, the footer section is initially visible before the first below-the-fold section JS kicks in and animates it in.
Solution 1 Adjust the animation/JS timing or positioning so it kicks in earlier and footer is not visible until the user scrolls to it
Solution 2 Use a simpler below-the-fold content display approach, ideally it's always visible and just uses CSS animations for visual enhancements. Fancy animation currently deteriorates the experience, so it's kinda moot.
I vote solution 2.