sample code:
< div class= "box" >
<div class="header"></div>
<div></div>
<div></div>
<div></div>
...< / div >
as in the above code, box is a fixed height, and the content scrolls automatically when the content exceeds the box height (overflow-y: auto;);
when the box content scrolls at a certain height, the header is fixed (position: "fixed";)
this effect is very stuttered when sliding on iOS phones. After setting the-webkit-overflow-scrolling: touch; attribute, the page slides smoothly, but there is an exception when the header element scrolls, and the header scrolls along with the content. Only when the page stops scrolling, the header will be fixed.
ask all the heroes who have encountered similar problems, but also hope for advice! Thank you!