Scrolling up and behind 'sticky' objects-- but not to top of page. Advice, scripts?

[MandaBee]

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!

[gwpriester]

The only way I can think of is to limit the depth of your page. Why do you want to stop the scrolling at a certain point?

[MandaBee]

The only way I can think of is to limit the depth of your page. Why do you want to stop the scrolling at a certain point?

I don't really want to "stop" the scrolling, I simply want the scrolling objects to not be visible (fade to top?) after a certain point behind the sticky object.

[gwpriester]

Ah. You mean like this? Open this document and preview and scroll the page

[MandaBee]

Ah. You mean like this? Open this document and preview and scroll the page

YES! That's exactly what I want to do. Now, uh... how do I go about doing that? Nurp.

EDIT: Oh wait, nvm. You just placed a white rectangle with transparency at the bottom behind your sticky image.

[Egg Bramhill]

Check mine out Egg.

Oh, yours is far bigger than mine Gary!

Cross posting again. Exactly what I meant too, but the background image may cause issues as I stated in my post

[Egg Bramhill]

You'll need to create an image similar to the attached for the sticky. You'd also need to adjust the background image (the one of the bee) to match the colour values of the sticky shape. Hard to recreate without the web/xar file.

[gwpriester]

Check mine out Egg.