[发明专利]一种基于CSS3实现H5端水平翻页的方法及设备在审
| 申请号： | 202011600113.7 | 申请日： | 2020-12-30 |
| 公开（公告）号： | CN112631489A | 公开（公告）日： | 2021-04-09 |
| 发明（设计）人： | 林谋洪 | 申请（专利权）人： | 福州掌中云科技有限公司 |
| 主分类号： | G06F3/0484 | 分类号： | G06F3/0484;G06F16/957 |
| 代理公司： | 北京易捷胜知识产权代理事务所(普通合伙) 11613 | 代理人： | 黄骏鹏 |
| 地址： | 350000 福建省福州市鼓楼*** | 国省代码： | 福建;35 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 一种 基于 css3 实现 h5 水平 翻页 方法 设备 | ||
1.一种基于CSS3实现H5端水平翻页的方法，其特征在于，包括步骤：
S1、通过CSS3的columns属性对H5端的当前页面进行分列；
S2、监听用户的触摸事件判断出滑动手势；
S3、根据判断结果通过CSS3的transform属性完成翻页操作。
2.根据权利要求1所述的基于CSS3实现H5端水平翻页的方法，其特征在于，步骤S2具体为：
通过监听用户的touchstart事件、touchmove事件和touchend事件判断出滑动手势。
3.根据权利要求1所述的基于CSS3实现H5端水平翻页的方法，其特征在于，步骤S3具体为：
根据判断结果通过CSS3的transform属性对当前页面进行平移，完成翻页操作。
4.根据权利要求1所述的基于CSS3实现H5端水平翻页的方法，其特征在于，还包括步骤S4：
根据当前页面的平移距离判断页数。
5.一种基于CSS3实现H5端水平翻页的设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现以下步骤：
S1、通过CSS3的columns属性对H5端的当前页面进行分列；
S2、监听用户的触摸事件判断出滑动手势；
S3、根据判断结果通过CSS3的transform属性完成翻页操作。
6.根据权利要求5所述的基于CSS3实现H5端水平翻页的设备，其特征在于，步骤S2具体为：
通过监听用户的touchstart事件、touchmove事件和touchend事件判断出滑动手势。
7.根据权利要求5所述的基于CSS3实现H5端水平翻页的设备，其特征在于，步骤S3具体为：
根据判断结果通过CSS3的transform属性对当前页面进行平移，完成翻页操作。
8.根据权利要求5所述的基于CSS3实现H5端水平翻页的设备，其特征在于，还包括步骤S4：
根据当前页面的平移距离判断页数。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于福州掌中云科技有限公司，未经福州掌中云科技有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/202011600113.7/1.html，转载请声明来源钻瓜专利网。
