On the scrolling inertia of ios pages

recently, when I was working on a mobile web page, I encountered a problem, that is, when I held my finger down and slid up the page, when the head of the page had already slid to the top, on ios"s browser, the page could still continue to slide upward for some distance, and the page would automatically fall back to the starting point when my finger left the screen. In windows, when the head of the page reaches the top of the screen, the scroll bar can no longer scroll, and this will not happen. Personally, I feel that this effect has a great impact on the user experience. Is there any way to avoid this situation?

clipboard.png

Mar.04,2021

you can use iNoBounce , which is basically solved perfectly.


I don't know which experience is bad, but the "spring effect" of iOS can be turned off. Just set bounces to NO.


take a look at this
https://blog.csdn.net/bbnbf/a.
article


set bounce

Menu