请问,起点的移动Web,是怎么做到,不用animation,实现滑动翻页的?

我们公司要做一个手机网页版的阅读器,基本样子就跟下面的“起点中文网”的类似:
https://m.qidian.com/book/100...

我们一开始的想法,就是用transform: translateX来实现就好。但是我们发现,在iOS下面,这样的翻页会有“一卡一卡”的感觉,但是同样的iOS设备,加载上述起点中文网的页面,就非常流畅。

我们仔细研究发现,我们的网页,在滑动,然后翻页时,会有一个animation效果,这个animation是当用户松手之后,我们需要把页面滑到指定位置产生的,如图所示:
clipboard.png

但是,我们发现,起点中文网,居然是没有这个animation事件的。同样的操作,他们也有“滑到”下一页的视觉感受,但是居然没有animation事件。如图所示:
clipboard.png

我们的疑问是,起点中文网这个,是怎么实现,不用animation,把页面划过去的呢?

多谢各位大神帮忙

阅读 1.7k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题