编程语言
首页 > 编程语言> > javascript-如何在iphone上使用webkit-transform和相对位置时解决缓慢滚动

javascript-如何在iphone上使用webkit-transform和相对位置时解决缓慢滚动

作者:互联网

我已经通过使用iphone的相对定位和webkit动画实现了div的滚动,它在桌面野生动物园中可以很好地工作,但在实际的iphone上却不稳定(在模拟器上很好).

通过使div被其父级嵌套和裁剪(溢出:隐藏),可以进行滚动.然后,我设置最高位置并使用-webkit样式声明为其设置动画.当内部div中有很多项目时,iphone似乎会明显变慢.

任何想法如何使滚动更流畅?

这是iScroll代码和我自己的手工编码问题.

解决方法:

使用translate3d比直接转换要快得多,因为它利用了硬件加速.

标签:webkit,mobile-safari,javascript,iphone
来源: https://codeday.me/bug/20191106/2000864.html