欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

适配移动端和PC端的翻书效果

程序员文章站 2022-04-20 22:03:54
首先,实现翻书效果我使用了turnjs,是一款非常好用的翻书效果插件。可以直接在百度搜索turnjis下载。也可已选择在我的github库下载。 其次,pc端和移动端屏幕的差异使得我们需要控制在pc...
首先,实现翻书效果我使用了turnjs,是一款非常好用的翻书效果插件。可以直接在百度搜索turnjis下载。也可已选择在我的github库下载。

其次,pc端和移动端屏幕的差异使得我们需要控制在pc端显示两页,在移动端显示一页,然后宽度和高度用js做适应即可。

turnjs使用头部需要引入的文件。然后固定格式的代码

然后,js初始化就ok了。初始化的时候判断当前是否为移动端,然后执行不同的初始化。