Currently, I have implemented
-webkit-scrollbar{
display:none;
}
on my website, and it functions well on desktop devices.
However, upon inspecting on Chrome devtools for mobile devices, the scrollbar still appears.
Initially, the scrollbar does not seem to be visible, but upon scrolling, a thin, gray scrollbar emerges.
Is there a way to resolve this problem?
I have also attempted using @media queries with (max-width:768px) like so
@media screen and (max-width:768px){
::-webkit-scrollbar{
display:none;
}
Unfortunately, this solution does not seem to be effective.