如图所示,我们要做一个Web端的阅读器。通过api接口,我可以一次一次获取到不同Section下的内容。这个Section是真的<section>。然后,产品设计要求做到如图的效果,像阅读一本书那样,左右可以翻页,每个section里面的内容长度是不确定的。
请问这个该怎么实现?
PS:我们无法使用iscroll之类的库,因为他们都不支持划选内容。但是我们的产品要求用户可以用鼠标划选内容。这就很尴尬啦。所以必须用原生一点的方法来实现。
多谢
如图所示,我们要做一个Web端的阅读器。通过api接口,我可以一次一次获取到不同Section下的内容。这个Section是真的<section>。然后,产品设计要求做到如图的效果,像阅读一本书那样,左右可以翻页,每个section里面的内容长度是不确定的。
请问这个该怎么实现?
PS:我们无法使用iscroll之类的库,因为他们都不支持划选内容。但是我们的产品要求用户可以用鼠标划选内容。这就很尴尬啦。所以必须用原生一点的方法来实现。
多谢
10 回答11.7k 阅读
2 回答3.2k 阅读✓ 已解决
5 回答2.2k 阅读
4 回答2.2k 阅读✓ 已解决
3 回答1.2k 阅读✓ 已解决
3 回答856 阅读✓ 已解决
3 回答2.6k 阅读
以前就有人问过和你这种问题类似的,如何使一张图片实现翻书效果?,拜托问问题之前先自己搜索下。不要伸手党。。。
以下是那个问题下我的回答:
15个最佳jQuery的翻页书效果的例子
Turn.js:基于 HTML5 & CSS3 实现翻书效果
CSS3实现3D翻书效果
给你找了几个例子,这种东西一般网上一搜一大堆 ,找些demo的源码,自己模仿着做一遍就可以了。