How to make fixed menu did not hide the scrolling part?

Question

How to make fixed menu did not hide the scrolling part?

There is a window that extends for a whole page to replace the scroll from its body.
In the window there is a set menu, the width of which should also be the full width of the window.
But the menu overlaps the scrolling window.

https://jsfiddle.net/xyd3pyb0/1/

clemens.Durgan68 asked July 8th 19 at 11:15

Related questions

More answers about "How to make fixed menu did not hide the scrolling part?"

2 answers

Mabel answered on · Accepted Answer · 2019-07-08T11:17:18.217Z

Mabel answered on July 8th 19 at 11:17

Solution

1) Make the width of the given scroll
2) Scrolling to do container, and the menu display on it

<section class="redactor">
 <div class="menu"></div>
 <div class="container">

</div>
</section>

That is, to indent from the right edge? In different browsers because of different width of the scrolls in mobile so far it is not. - clemens.Durgan68 commented on July 8th 19 at 11:20

oren95 answered on · Accepted Answer · 2019-07-08T11:19:18.218Z

oren95 answered on July 8th 19 at 11:19

Solution

Article how to do: Habr
The demo is what you get: diokuz.github.io/baron