::-webkit-scrollbar 在 firefox 上不起作用

Question

Firefox Webkit Scroll not working

.services::-webkit-scrollbar {
     width: 2px;
     height: 2px;
}

Note:- Please suggest some way to resolve this issue as soon as possible.

How to resolve this issue using JS/css??

Answer 1

Try this, it will definitely work

scroll-snap-type: mandatory;
scrollbar-width: none;

Answer 2

Firefox IS NOT a WebKit browser... Therefore, a vendor prefix for Webkit browsers (Chrome, Edge, Safari) isn't going to have any effect on Firefox's rendering.

I highly recommend you add something like Autoprefixer to your build pipeline. It will manage adding prefixes where needed, not adding them in places where they're not needed (eg border-radius ) and let you focus on writing standards-compliant CSS. (even though it won't help in this case where you're targeting vendor-specific selectors)

for reference Mozilla based browsers use the prefix -moz-