css3 - 微信端电子书翻页效果
迷茫
迷茫 2017-04-17 11:47:16
0
1
549

1、单位怎么解决呢,好多插件的设置都是px的。
2、顶部导航咋办呢,微信的顶部有一个返回和标题的导航,会占据一些空间,图的话 需要视觉去改改尺寸吗
3、效果是 手指滑动,会出现翻书的效果。这种事件怎么实现呢?
5、横屏的时候,屏幕的宽度是长的还是短的?
4、一定要用户横屏的。JS能控制用户横竖屏吗?
本人笨拙,望大神不吝赐教,感激不尽!

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(1)
伊谢尔伦

動畫的話transform支援px % vw vh 單位應該不是問題
翻頁動畫的話有的是用幀動畫做的css做的應該也有
手指滑動只要寫到touch事件裡面就行了
js無法控制橫豎屏,但是可以監測目前是橫屏還是豎屏,如果你在微信端用橫屏會有一個bug,就是蘋果手機橫屏狀態分享回來之後再也回不到橫屏了,只能退出網頁再進一次,不知道現在修復沒有,還有就是安卓微信需要用戶手動開啟橫屏狀態(不是指手機的轉屏,而是微信自己還帶一個橫屏模式)
設計圖尺寸不可能兼顧所有手機,什麼尺寸的手機都有,有iphone5這種長長的,也有各種帶有虛擬按鍵的扁扁的,看怎麼發揮吧,可以參考一下游戲開發裡面的世界坐標這一概念

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板