开发者

Using -webkit-overflow-scrolling in iOS5 (Sticky headers and footers

开发者 https://www.devze.com 2023-04-12 05:21 出处:网络
in开发者_如何学C iOS5 (as we all know by now), Apple has introduced -webkit-overflow-scrolling which allows for native scrolling. My question is when applying sticky footer and headers - if you scroll

in开发者_如何学C iOS5 (as we all know by now), Apple has introduced -webkit-overflow-scrolling which allows for native scrolling. My question is when applying sticky footer and headers - if you scroll up to the top/bottom part of the page - it will let you "bounce" outside the top header or footer.

Is there anyway to just have the INNER CONTENT bounce or be elastic and not the entire window? I'd like the header and footer to stay at the top not be able to see the grey are behind a "webapp".

Thanks, Greg


It's currently a known issue with native div scrolling on iOS 5. More information and a partial fix here.

Apple is supposedly aware of the problem and I guess we are waiting on a fix.


I unfortunately haven't been able to find a way to do this while using -webkit-overflow-scrolling (as opposed to handling touchmove events where I'd just use the preventDefault method of the event object).

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号