Menu icon Foundation
Sticky top & Off-Canvas, scroll problem!

Hi there!

I'm trying to create a sort of responsive layout, with a sticky horizontal top bar, below that is an off-canvas side-menu to the left, and off-canvas content to the right. The off-canvas side-menu is positioned by "off-canvas-absolute" to make it have the same height as the off-canvas content to the right.

The off-canvas menu is visible for large screens, but hidden for small.

However, when scrolling down, the off-canvas content is hidden as it should be, behind the top sticky, but the off-canvas side-menu scrolls ON TOP of the sticky.

Anyone have a solution for this or maybe it isn't possible and I should I try another approcach?

https://codepen.io/polkabrothers/pen/mXqXYj

 

off-canvassticky

Hi there!

I'm trying to create a sort of responsive layout, with a sticky horizontal top bar, below that is an off-canvas side-menu to the left, and off-canvas content to the right. The off-canvas side-menu is positioned by "off-canvas-absolute" to make it have the same height as the off-canvas content to the right.

The off-canvas menu is visible for large screens, but hidden for small.

However, when scrolling down, the off-canvas content is hidden as it should be, behind the top sticky, but the off-canvas side-menu scrolls ON TOP of the sticky.

Anyone have a solution for this or maybe it isn't possible and I should I try another approcach?

https://codepen.io/polkabrothers/pen/mXqXYj

 

iOS man over 1 year ago

Im in love with your content and also gain some knowledge from your blog.

https://appvalleyandroid.com

https://192-168-l-254-ip.com

https://psiphonapp.com

 

iOS man over 1 year ago

Love your blog man. Thanks for this stuff.

https://tweakbox-app.com/download

https://tweakbox-app.org/download

https://gameguardianapp.com

 

iOS man over 1 year ago

Its feel good when someone writes a good quality content. 

Thanks man for this content..

 

https://v-share.org/snapchat-plus