微信端電子書翻頁效果
問題描述
1、單位怎么解決呢,好多插件的設(shè)置都是px的。2、頂部導(dǎo)航咋辦呢,微信的頂部有一個(gè)返回和標(biāo)題的導(dǎo)航,會(huì)占據(jù)一些空間,圖的話 需要視覺去改改尺寸嗎3、效果是 手指滑動(dòng),會(huì)出現(xiàn)翻書的效果。這種事件怎么實(shí)現(xiàn)呢?5、橫屏的時(shí)候,屏幕的寬度是長的還是短的?4、一定要用戶橫屏的。JS能控制用戶橫豎屏嗎?本人笨拙,望大神不吝賜教,感激不盡!
問題解答
回答1:動(dòng)畫的話 transform支持 px % vw vh 單位應(yīng)該不是問題翻頁動(dòng)畫的話有的是用幀動(dòng)畫做的css做的應(yīng)該也有手指滑動(dòng)只要寫到touch事件里面就行了js不能控制橫豎屏,但是可以監(jiān)測當(dāng)前是橫屏還是豎屏,如果你在微信端用橫屏?xí)幸粋€(gè)bug,就是蘋果手機(jī)橫屏狀態(tài)分享回來之后再也回不到橫屏了,只能退出網(wǎng)頁再進(jìn)一次,不知道現(xiàn)在修復(fù)沒有,還有就是安卓微信需要用戶手動(dòng)開啟橫屏狀態(tài)(不是指手機(jī)的轉(zhuǎn)屏,而是微信自己還帶一個(gè)橫屏模式)設(shè)計(jì)圖尺寸不可能兼顧所有手機(jī),什么尺寸的手機(jī)都有,有iphone5這種長長的,也有各種帶虛擬按鍵的扁扁的,看怎么發(fā)揮吧,可以參考一下游戲開發(fā)里面的世界坐標(biāo)這一概念
相關(guān)文章:
1. mysql - 新浪微博中的關(guān)注功能是如何設(shè)計(jì)表結(jié)構(gòu)的?2. android-studio - Android Studio 運(yùn)行項(xiàng)目的時(shí)候一堆警告,跑步起來!?3. MySQL數(shù)據(jù)庫中文亂碼的原因4. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。5. 如何解決Centos下Docker服務(wù)啟動(dòng)無響應(yīng),且輸入docker命令無響應(yīng)?6. angular.js - 關(guān)于$apply()7. dockerfile - [docker build image失敗- npm install]8. 表單提交驗(yàn)證,沒反應(yīng),求老師指點(diǎn)9. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安裝失敗???10. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?
