Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
BVCH

Make navigation appear when scrolling up

Recommended Posts

Site URL: http://collaborativeperformance.org

Hi fellow Squarespace users 🙂

On our website we are currently using sticky navigation, so the navigation follows when scrolling on our page.

I would really like to change that to a normal navigation that goes away when scrolling down, BUT that appears again when you, anywhere on the site, scroll back up just a tiny bit (not scroll all the way to the top).

Unfortunately I haven't been able to google my way to a solution

Does anyone know how to accomplish this? :-) 

Share this post


Link to post

It calls: scroll up effect

It needs JavaScript + CSS to solve. You need a Business Plan or higher.

Some guide

https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c

https://webdesign.tutsplus.com/tutorials/how-to-hide-reveal-a-sticky-header-on-scroll-with-javascript--cms-33756

or Google: jquery scroll up header


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post
2 hours ago, jdillagodzilla said:

@tuanphan I'm in 7.1 and can't figure out how to do this for the life of me! I read both articles but really couldn't make heads or tails of how to translate for SS.

 

Edit Site Header > Style > Position: Fixed - Style: Scroll up


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...