Как сделать так, чтобы фиксированное меню не скрывало часть скролла?

Question

[Hellas]

Есть окно, которое растягивается на всю страницу, чтобы заменить скролл от body своим.
В окне есть фиксированное меню, ширина которого должна быть также на всю ширину окна.
Но меню частично перекрывает скролл окна.

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

Answer 1

[Сергей]

1) Сделать ширину учитывая скролл
2) Скролл делать у container, а меню вывести на ним

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

Comments

[Hellas]

То есть, делать отступы от правого края? В разных браузерах ведь разная ширина скроллов, в мобильных так и вовсе её нет.

Answer 2

[Ivan Korsakov]

Статья как делать: Хабр
Демка, что получится: diokuz.github.io/baron