Блог

У меня есть 2 полосы прокрутки. Один для оси x, один для оси y. Я хочу скрыть полосу прокрутки по оси y(но мне все равно нужна функция). Я пытался

 overflow-y:hidden;
overflow-x:scroll;
 

но в этом случае я теряю функциональность полосы прокрутки по оси y. Затем я попытался

 overflow-x:scroll;
overflow-y:scroll;
*{
-ms-overflow-style: none;
}
::-webkit-scrollbar {
display: none;
}
 

Но я скрываю ось x и ось y вместе 😀 есть ли способ просто скрыть полосу прокрутки по оси y, но иметь обе функции. кстати, я использую стилизованный компонент.

 import styled from "@emotion/styled";

export const MainViewContainer = styled.div`
${p=> p.isSidebarOpen? 'width: 80%' : 'width: 95%'};
padding: 30px 50px 10px 50px ;
text-align;
overflow-x:scroll;
overflow-y:scroll;
*{
-ms-overflow-style: none;
}
::-webkit-scrollbar {
display: none;
}

`
 

Хорошо, я нашел ответ

  overflow: auto;
::-webkit-scrollbar {
width: 0px;
border: 1px solid #fff;
}

::-webkit-scrollbar-track {
border-radius: 0;
background: #eeeeee;
}

::-webkit-scrollbar-thumb {
 border-radius: 0;
 background: #b0b0b0;
}