关于手机h5页面横向翻书问题。

如图所示,白色的是书本的内容，我给抹掉了。设计师要求，书本是上下翻页，布局的时候就把这个图竖着放在html里就行。用户打开页面，如果想顺利观看，当然就要把手机横着了，不是横屏的横，是把手机横过来，不触发旋转事件。由于时间关系，不愿意自己写了，也写不出来哈哈。打算用一些插件解决这个手机h5页面的翻书效果，依次使用了一下turnjs和jquery的flipbook，这些插件全是左右翻书的。达不到我的上下翻书（有种上下翻日历的感觉）的效果。想来寻求一下帮助，有没有什么思路，或者是可推荐的插件？

曾经有个想法就是，做一个左右翻的，然后把整个html旋转90度。再把swipeLeft和swipeRight换成swiperRighr和swipeLeft，但是那样遇到了一些BUG，感觉不是正规的解决办法。