Tip: A little trick a day will help you run faster.

C3 solution:

This is a very practical way to write it. The problem I encountered in my project was solved by the following method. Generally speaking, the following method is not used

/ / Google
html::-webkit-scrollbar{
  display: none;
}

/ / firefox
html {
  scrollbar-width: none;
}
Copy the code

Other ways to write: 1. For compatibility with other browsers, create a new div layer outside the scroll area and set overflow: Hidden to this div layer to hide the scroll bar

// Add div(container-wrapper) to container
.container-wrapper{
   overflow:hidden
}
Copy the code

If that doesn’t work, use a padding-bottom for the container to push the scroll bar out of sight. In my case, overflow-x: Scroll is used to hide the scroll bar

.container{
    overflow-x:scroll;
    overflow-y:hidden;
    // Solve the problem of sliding on ios
   -webkit-overflow-scrolling:touch;
   padding-bottom:25px;
}
Copy the code

Js solution (mobile terminal, PC terminal is not clear)

How to solve global scroll and local scroll bar on mobile terminal

// The current scrollbar parent element
let popContent = mui('.mui-table-view') [0]
// Prevent current bubbling (core)
popContent.addEventListener('touchmove'.e= > e.stopPropagation(), false)
Copy the code