一般我們看到的H5基本上都是豎屏的记某，看慣了豎屏的H5，大家未免有些審美疲勞构捡，橫屏H5這種新奇玩法就容易脫穎而出液南，給目標用戶留下深刻的印象，當然勾徽，除了技術的輔助贺拣，最重要還是內(nèi)容與品牌、熱點等因素的巧妙把品牌捂蕴、產(chǎn)品譬涡、業(yè)務展示出來。今天我們使用的工具是epub360啥辨，廢話不多說涡匀，我們先從幾個動圖來感受下橫屏H5的效果。
二溉知、應用場景
在橫屏H5案例 “來了就是深圳人”中陨瘩，“只做設計”李志用了一個很有創(chuàng)意的方式，這里分享給大家有關橫屏H5和錨點觸發(fā)的設置方法级乍。
知識點：橫屏舌劳、layer容器、錨點
三玫荣、功能設置
1.我們新建作品甚淡，在右面面板作品信息圖標下自定義尺寸，寬為740捅厂，高為340贯卦；
2.我們切換到layer頁面，更改layer頁面尺寸為寬941焙贷，高為1289撵割，接著上傳圖片，提示的背景圖手動設置尺寸與layer尺寸一致辙芍，擺放好位置如圖示啡彬；
3.再新建一個layer頁面羹与，高度為400，寬度不固定庶灿，根據(jù)自己的內(nèi)容來
4.在layer里給想要出現(xiàn)的文字或者圖片添加飛入等待觸發(fā)動畫注簿，再添加錨點，設置觸發(fā)基準點為視窗左邊線跳仿，觸發(fā)條件為向左滾動接觸時诡渴，僅執(zhí)行一次；
5.切換到頁面菲语，把提示layer插入到頁面中去妄辩，拉伸到原尺寸大小（941山上，1289）眼耀，并擺放好合適的位置
6.再添加內(nèi)容layer到頁面中去，高度為400佩憾，寬度為740哮伟，并擺放好合適的位置；
7.預覽下效果試試妄帘，在向左滾動到我們預想的位置上楞黄，文字就出現(xiàn)。后面的操作是一樣的抡驼，這里我們就不多贅述了鬼廓。
8.注：
1.layer的高度建議是400，過小的上下可能會露白邊致盟；
2.按住鍵盤上的空格鍵同時點鼠標左鍵可以拖拽畫布碎税。
