Excuse me, the starting point of the mobile Web, is how to do, without animation, to achieve sliding page turning?

our company is going to make a mobile web version of the reader, which is basically similar to the following "starting point Chinese website":
https://m.qidian.com/book/100.

our initial idea was to implement it with transform: translateX. But we found that under the iOS, such page flipping will have the feeling of "one card, one card", but the same iOS device, loading the pages of the above starting point Chinese network, is very smooth.

We study carefully and find that when our web page slides, and then turns the page, there will be an animation effect. This animation is produced when the user lets go, we need to slide the page to the specified position, as shown in the figure:
clipboard.png

animation"" animation:
clipboard.png

.

our question is, the starting point of the Chinese network, this is how to achieve, do not need animation, to cross the page?

Thank you all for your help

Dec.10,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3879b-2c11e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3879b-2c11e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?