IOS Webkit-overflow-scrolling:touch Trampling Notes

-webkit-overflow-scrolling:touch; /* When the finger is removed from the touchscreen, it will keep rolling for some time/

-webkit-overflow-scrolling:auto; /* When the finger is removed from the touchscreen, the scroll stops immediately */

Overflow:auto or scroll is not valid under iOS, you need to use the-webkit-overflow-scrolling property
However, "This feature is non-standard, please try not to use it in a production environment!" ”

The rubber band event causes the lag and takes a few seconds before it returns to normal.

Solution is
-webkit-overflow-scrolling:touch; /*makes overflown OBJECTS have inertia scrolling*/
-webkit-transform:translatez (0px); /*helps the ABOVE work in ios5*/
-webkit-transform:translate3d (0,0,0); /*helps the ABOVE work in ios8*/
-webkit-perspective:1000; /*helps the ABOVE work in ios8*/

IOS Webkit-overflow-scrolling:touch Trampling Notes