scroll-view in uniapp removes the scroll bar

Foreword:

In uniapp, when we use scroll-view to slide horizontally or vertically, we will find that there is a scroll bar horizontally or vertically, which is not very beautiful, so we can try to remove the scroll bar (if the following official methods cannot be used) When it is removed, please provide official feedback)

1. The show-scrollbar attribute under scroll-view

But it defaults to false, that is, it does not display itself, you can ignore this method

2. scrollIndicator under the app-plus attribute: none

the code

"scrollIndicator":"none"

3. Customization through css -webkit-scrollbar, including hiding scrollbars

code:

::-webkit-scrollbar{
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
}

Note: There may still be problems on a certain device, wait for the official assistant to solve it

Guess you like

Origin blog.csdn.net/bjt1015999/article/details/129229138