Ios swipe left and right without Android fluency problems (and mobile compatible article recommended)

Ios sliding Issues

Problem: A box that is wider than the current screen and can be swiped left or right to view it. When you swipe on android on a real phone, you get an inertia effect that doesn’t exist on ios.

Solution: Add the following properties to the parent of the current pull-able box. If this does not work, you can continue to add the following properties to the parent of a higher box

// Fix the slide problem on iPhone.scroll-test{
    -webkit-overflow-scrolling:touch;
    overflow-x: scroll;
    /* On ios browsers, hiding the scrollbar is invalid. You can use the padding property to specify the scope of the scrollbar 
    padding-bottom: 10px;
}
Copy the code

** More mobile compatibility issues

• Common mobile compatibility problems
• Mobile web and interview questions