The problem of sliding on the mobile version of the page

First, the internship process was asked to do a level two menu, click to expand the cover page. Test on the phone, the sliding process is very lag.

Add-webkit-overflow-scrolling:touch to the outermost layer of the level two menu, and then completely eliminate the lag problem.

By searching, Overflow:scroll can make content scrollable, but without physical elasticity, rather stiff, with no scroll bars. If you want iOS that elastic scrolling effect can use-webkit-overflow-scrolling:touch.

From the front-end development point of view, only need to know the CSS properties-webkit-overflow-scrolling is to create a system-level control with hardware acceleration, so the efficiency is very high. But this is relatively more memory-intensive, preferably when a very large area of overflow is produced.

Second, written in the level two menu of the bottom of the fixed option bar will also be sliding up and down, the HTML in the section moved out of the two-level menu, and add the same as the two-level menu after the same animation effect to eliminate jitter, and visually the same effect.

Related blog:http://blog.csdn.net/hursing/article/details/9186199

Http://www.cnblogs.com/flash3d/archive/2013/09/28/3343877.html

The problem of sliding on the mobile version of the page