Within this tutorial:
- Conceal the navigation bar
- Uncover the navigation bar
Conceal the navigation bar
- Choose the navigation bar and ensure its position is fixed to the viewport
- Within the Interactions panel, opt for Initiating an Animation from the Upon Scrolling Down menu
- Assign a title to it (e.g., “hide nav”)
- Click on the addition symbol beside Timed actions
- In the Movement section, alter the Y-axis until the navigation bar is located outside the viewport
- Tailor your easing curve and timing
Uncover the navigation bar
- Pick the navigation bar
- In the Interactions panel, select Initiating an Animation from the Upon Scrolling Up menu
- Assign a title to it (e.g., “show nav”)
- Click on the addition symbol beside Timed actions
- In the Movement section, bring back the Y-axis to 0
- Customize your easing curve and timing
Review your progress in the preview.
Latest posts by Ewan Mak (see all)
- Include or eliminate Workspace spots and members - April 15, 2024
- Centering box summary - April 15, 2024
- Store a site for future reference - April 15, 2024