-webkit-overflow-scrolling

The-webkit-overflow-scrolling is used to control whether an element uses a scrolling rebound effect on a mobile device.
Compatibility with Android and iOS is as follows:

Overflow:auto; /* *//**/

Value:

-webkit-overflow-Scrolling:touch; -webkit-overflow-scrolling:auto;

Auto
With normal scrolling, when your finger moves away from the touchscreen, scrolling stops immediately.
Touch
Using scrolling with a rebound effect, the content continues to scroll for a period of time as the finger moves away from the touchscreen. The speed of continued scrolling is proportional to the intensity of the duration and the scrolling gesture. A new stack context is also created.

Example:

/**//**/

Bugs you might encounter:

When you set an element to a position:absolute, or position:relative, and then add-webkit-overflow-scrolling:touch; After the property, you will find that sliding a few times after the scrollable area will be the card master, It is not possible to slide, then add a z-index value to the element.

-webkit-overflow-Scrolling:touch; position:absolute; z

Reference:

Https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-overflow-scrolling

-webkit-overflow-scrolling