I don't know if it can be done, but hear me out.
My webpage has a 'sticky' object (title logo/banner thing) at the top of the page. Obviously objects that are non-sticky or are set to 'stick to top' will scroll up and behind this logo.
Is there a way to stop the scrolling before these objects reach the top? A sort of script one could insert into the body of the site?
I've attached a screenshot of approximately where I'd like the scrolling to stop behind the sticky object. Of course I could simply place a sticky rectangle, stretched to full width behind the title image, but that isn't the design I'm going for.
It's not a huge deal, but it'd be cool if it were possible.
The site is currently live (though I'm still making changes to both the main and mobile variant) if you need to view what I'm talking about regarding the scrolling behind the sticky object: mandabee.com
Thanks!
Bookmarks