The so-called elastic scrolling refers to the flip long page when the finger left, from slow to block, from fast to slow over.
Most browsers on the Androping platform default to this behavior
iOS currently has only the flexibility to overflow the default for <body>
A while ago made a mobile phone official website, used in the <div> overflow, and then debug iOS encountered the problem of elastic scrolling:
iOS under WebKit flexible scrolling CSS instruction-webkit-overflow-scrolling:touch;
This instruction then toggles the same need to do the scroll processing Div will encounter the situation
1. Scrolling along with the previous scroll
2. Starting position deviation
3. Sticky blocking sense (loss of focus)
Solution:
. session{
-webkit-overflow-scrolling:touch;
}
1. Toggle the label while removing the element's Overflow-scrolling attribute
$ ('. Session '). Removeclass (' Sollow ');
2. Toggle the label and initialize the target Div.
document.getElementById (' target '). scrolltop = ' 0px '; Add on Demand
3. Reload the sollow onto the target element
$ ('. Session:eq (' + tar + ') '). AddClass (' Display Sollow ');
The above is a small set of iOS for you to introduce the flexible rolling solution, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
