【技术实现步骤摘要】
本专利技术涉及前端web开发,尤其是涉及一种基于惯性效应的网页流动式滚动展示系统及方法。
技术介绍
1、动画效果已经成为现代网站设计中不可或缺的一部分,可以帮助网站吸引用户的注意力、提高用户体验、增加互动性和视觉吸引力。但是,实现复杂的动画效果可能需要大量的代码和复杂的计算,而且在处理复杂的动画效果时可能会出现性能问题。
2、因此,为了给用户一种眼前一亮的网站效果,实现一种基于惯性效应的网页流动式滚动展示方法,帮助开发人员快速、轻松地实现各种动画效果,提高网站的视觉吸引力和用户体验,从而使网站更加生动和吸引人,增强网站的竞争力。
技术实现思路
1、本专利技术的目的是提供一种基于惯性效应的网页流动式滚动展示系统及方法,利用了浏览器原生支持的动画特性,为开发人员提供一种简单、易于使用和性能良好的工具,可以轻松地实现各种动画效果,包括平滑的滚动、弹跳等,提高用户体验,使网站更加生动和吸引人。
2、本专利技术的目的是提供一种基于惯性效应的网页流动式滚动展示系统,包括元素合集
...【技术保护点】
1.一种基于惯性效应的网页流动式滚动展示系统,其特征在于,包括元素合集、元素控制器、驱动器和浏览器;
2.根据权利要求1所述的基于惯性效应的网页流动式滚动展示系统,其特征在于,所述驱动器还用于限制对所述元素的滚动和变化的范围。
3.根据权利要求2所述的基于惯性效应的网页流动式滚动展示系统,其特征在于,所述元素控制器用于根据所述浏览器的工作状态对所述驱动器进行管控,包括:
4.根据权利要求3所述的基于惯性效应的网页流动式滚动展示系统,其特征在于,当所述元素控制器监听到所述浏览器的存在滚动事件时,判定开启所述驱动器;同时,所述元素控制器
...【技术特征摘要】
1.一种基于惯性效应的网页流动式滚动展示系统,其特征在于,包括元素合集、元素控制器、驱动器和浏览器;
2.根据权利要求1所述的基于惯性效应的网页流动式滚动展示系统,其特征在于,所述驱动器还用于限制对所述元素的滚动和变化的范围。
3.根据权利要求2所述的基于惯性效应的网页流动式滚动展示系统,其特征在于,所述元素控制器用于根据所述浏览器的工作状态对所述驱动器进行管控,包括:
4.根据权利要求3所述的基于惯性效应的网页流动式滚动展示系统,其特征在于,当所述元素控制器监听到所述浏览器的存在滚动事件时,判定开启所述驱动器;同时,所述元素控制器获取所述滚动事件中的所述元素的当前位置和目标位置之间的距离。
5.根据权利要求4所述的基于惯性效应的网页流动式滚动展示系统,其特征在于,所述驱动器中设置有惯性效应计算函数,所述惯性效应计算函数用于判断所述元素的滚动时是否考虑惯性效应。
6.根据权利要求5所述的基于惯性效应的网页流动式滚动展示系统,其特征在于,所述惯性效应计算函数计算所述当前位置和所述目标位置的差值,再...
【专利技术属性】
技术研发人员:裘德熙,陈守喆,金烨,陈永煊,张吉踉,林汝恒,黎晓畅,
申请(专利权)人:天翼云科技有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。