Navbar large and display-flex

1

Hi,
I’m have this type of layout, with navbar large

1
1373×654 13.7 KB

Coded in this way:

original
original846×204 7.15 KB

But when i scroll the page, the navbar dosen’t collapse, how you can see in this image:

3
3381×659 15.2 KB

I managed to collapse the navbar only putting button outside page-content and setting the attribute style in this way: position:absolute;bottom:0;z-index:1;width:100%

There is another way, maybe using slots, to achieve the result?

2

It won’t collapse on custom scroll container like you have. Place button outside of page-content with position absolute

3

Hi, thanks.
Is that i’ve done. There isn’t another method to that, am i right?
Thanks again

4

Nope, this is how JS/CSS works in general :slight_smile:

1 Like