Как спрятать часть навбара под скроллбар?

Question

[Nikita]

Всем привет, возник такой вопрос, как спрятать навбар под скролл?
вот скрин как все выглядит при width: 100vw

100vw

а вот как хотелось чтобы выглядело при 100vw (но на данном скрине 99vw)

99vw

ну и вот параметры самого навбара.

.navbar ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 99vw;
    position: fixed;
    background-color: #41b941;

ВОПРОС: Как можно сделать чтобы данная часть тянулась всегда до конца и есть есть скролл она просто сжималась под 99 а если нету оставалась 100?

Answer 1

[ThunderCat]

javascript: по загрузке проверять ширину скроллбара и отнимать от размера навбара, что то вроде:

$(function() {
var navWidth =   document.documentElement.clientWidth;

$(".navbar ul").width(navWidth);
});

PS: то же самое надо будет повесить и на онресайз.

Answer 2

[Bondi]

порпобуйте указать max-width и потом width
или попробуйте указать min-width: 99vw; width: 100%;