Как задать ширину для fixed-блока относительно родителя? Как вынести scrollbar на уровень документа? Откуда лишний пиксель?

Question

[DTX]

Пока делал пример кода для одного вопроса, попутно нарисовалось ещё два) Т.к. все они касаются одног примера, разделять на разные вопросы не стал.

Сам код:
https://codepen.io/DTX/pen/rwwdzb

Далее вопросы:

1. Как сделать, чтобы fixed sidebar считал 25% от родителя, а не от вьюпорта? Сейчас получается, что он налазит на контент.

2. Можно ли вынести scrollbar на уровень документа, чтобы получилось как на скрине ниже?

2.а. Сейчас если навести мышку на скролбар и начать крутить колесо, ничего не произойдёт. Можно заставить браузер реагировать на скролл при наведении мышки на сайдбар в примере?

3. Из-за чего внизу области контента появляется полоска в 1px?

Answer 1

[Артём Ведищев]

А может так https://codepen.io/Vedischev/pen/zzzjvr по п. 1

Comments

[DTX]

Как запасной вариант сгодиться, спс. Попозже как решение отмечу, чтобы не было видно, будто вопрос решён.

[Артём Ведищев]

Scrool с sidebar решается добавлением z-index: -1 к sidebar, если нет необходимости скрулить сам sidebar
Смотри здесь https://codepen.io/Vedischev/pen/zzzjvr

[DTX]

Артём Ведищев: в сайдбаре тоже может появиться скроллбар, если там пунктов будет достатончо. Просто если родителем будет body, то контент можно скролить, при наведении на сайдбар. При этом сначала будет скролиться сайдбар, а потом сам контент (когда скролбар дойдёт до конца). Странно всё это.