Как скрыть скроллбар но сохранить скролл страницы?

Question

[LOLIK777]

При нажатии на треугольник появляется список и из-за этого увеличивается высота страницы и появляется скролл. Как убрать скролл со страницы и добавить его внутрь дива для появления этого скролла при необходимости в нем.

Answer 1

[LOLIK777]

Нашла решение не на сайте который указал в своих комментариях Ковалко Егор Ковалко Егор.
Необходимо прописать в базовых свойствах:

::-webkit-scrollbar {
    display: none;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: rgba($color_darkblue, 0.2)
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba($color_darkblue, 0.8)
}

Answer 2

[Ковалко Егор]

https://html5book.ru/ покопайся здесь