解决页面使用overflow: scroll在iOS上滑动卡顿的问题
一:Lying人生感悟( 可忽略 ) 摩西奶奶曾经说过:世界上,最公平和最不公平的,都是时间。别人偷不走它。而你也留不住它。你拥有它,却不能改变它。光阴里的艰难或是快乐,它都一一带走。身处其中的你我,年轻或是衰老,所能做的,就是充分去享用它,享受每一个生命时期,收藏每一个年龄段带给你的感动与美好。 是的,这句话我也曾经在某个令人刻骨铭心的夜晚对一个人说过。过去了的事情再提及难免让人有些怀念。既然走不出来又何必再强求自己走出来。所以让该来的到来,让不该走的别走,珍惜所拥有的一切期许是最好的选择…… 二:回到正题( 待细看 ) 故事背景:最近的一次开发中,使用到了overflow:scroll 属性来滑动div。信心满满的以为不会出现任何问题,看来还是太清高自傲了,于是写下这篇随笔特此总结一番。 如果你对某个div或模块使用了overflow: scroll属性,在iOS系统的手机上浏览时,则会出现明显的卡顿现象。但是在android系统的手机上则不会出现该问题。大家不妨可以分别使用IOS和Android系统的手机浏览以下链接或扫描二维码后滑动文字区域查看该效果(重点是记住iPhone浏览时的效果,方便浏览后文): http://geek100.com/demo/os.html . 表示很奇怪会产生这样的差异,于是卸下行囊、放下面包、拿出电脑、插上网线、双击chrome