【技术实现步骤摘要】
一种页面处理方法及计算设备
本专利技术涉及页面显示
，尤其是一种页面处理方法及计算设备。
技术介绍
在前端技术中，页面的滚动回弹效果指的是，页面在滚动到底或到顶后，用户继续拖动页面，页面会继续向着滚动方向小幅度移动，当用户松开页面后，页面按照一定的速度又回到初始位置的效果。目前市面上只有iOS系统和部分浏览器支持这个效果。在大多数浏览器中，要实现这个效果，需要依赖Javascript库。通常，依赖Javascript库来实现回弹效果，实现方式都是使用requestAnimationFrame+transform，模拟浏览器滚动。其实现原理是监听页面的触摸或拖拽或滚轮事件，然后，通过requestAnimationFrame实时改变页面的transform中的位移(x或y)值，在位移值到达临界值后继续改变其值，最终，在页面滚动或拖放结束后，通过一定的速度把位移值设回到临界值。这种模拟浏览器滚动的方式，首先是代表放弃了默认的浏览器滚动，从滚动效果上讲终究还是会和浏览器默认滚动存在细微差异。其次是滚动条的处理...
【技术保护点】
1.一种页面处理方法，所述方法适于在计算设备中执行，且包括步骤：/n标记布置在页面上的待处理的第一元素；/n按照显示效果，插入至少一个与所述第一元素相邻的第二元素；/n响应于用户对所述第一元素的滑动触摸操作，确定触摸事件的值；/n根据所述触摸事件的值，确定第二元素的显示值。/n
【技术特征摘要】
1.一种页面处理方法，所述方法适于在计算设备中执行，且包括步骤：
标记布置在页面上的待处理的第一元素；
按照显示效果，插入至少一个与所述第一元素相邻的第二元素；
响应于用户对所述第一元素的滑动触摸操作，确定触摸事件的值；
根据所述触摸事件的值，确定第二元素的显示值。
2.如权利要求1所述的方法，其中，在所述根据触摸事件的值，确定第二元素的显示值的步骤之后，还包括步骤：
基于所述第二元素的显示值，来生成页面的显示效果。
3.如权利要求1或2所述的方法，其中，所述按照显示效果，插入至少一个与第一元素相邻的第二元素的步骤包括：
若显示效果为垂直方向上的回弹显示，则插入两个与所述第一元素在垂直方向上相邻的第二元素；
若显示效果为水平方向上的回弹显示，则插入两个与所述第一元素在水平方向上相邻的第二元素。
4.如权利要求1-3中任一项所述的方法，其中，在所述响应于用户对第一元素的滑动触摸操作，确定触摸事件的值的步骤之前，还包括步骤：
为所述第一元素设置滑动触摸事件，
其中，所述滑动触摸事件包括触摸开始事件、触摸滑动事件和触摸结束事件。
5.如权利要求4所述的方法，其中，所述响应于用户对所述第一元素的滑动触摸操作，确定触摸事件的值的步骤包括：
响应于用户对所述第一元素的触摸操作，记录触摸起始位置，作为触摸开始事件的值；
在用户对所述第一元素的滑动过程中，实时记录滑动位置，作为触摸滑动事件的值；
在用户停止对所述第一元素的触摸操作时，设置触摸结束事件的值。
6.如权利要求5所述的方法，其中，所述根据所述触摸事件的值，确定第二元素的显示值的步骤包括：
基于所述触摸开始事件的值和所述触摸滑动事件的值，确定出滑...
【专利技术属性】
技术研发人员：张勋，
申请(专利权)人：海南车智易通信息技术有限公司，
类型：发明
国别省市：海南;46
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。