买专利,只认龙图腾
首页 专利交易 科技果 科技人才 科技服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

【发明公布】一种优化利用鼠标滚轮实现页面水平滚动的操作方法_深圳易可达科技有限公司_202310858903.2 

申请/专利权人:深圳易可达科技有限公司

申请日:2023-07-13

公开(公告)日:2024-03-22

公开(公告)号:CN117742558A

主分类号:G06F3/04855

分类号:G06F3/04855;G06F3/0354;G06F16/958;G06F9/54

优先权:

专利状态码:在审-实质审查的生效

法律状态:2024.04.09#实质审查的生效;2024.03.22#公开

摘要:本发明公开了一种优化利用鼠标滚轮实现页面水平滚动的操作方法,通过在页面打开时导入组件,通过组件对页面是否存在横向滚条进行监测,并构建工件区域,使得鼠标位于工件区域内时,可高效的查看横向溢出内容,用户只需要将鼠标移至工具区域滑动鼠标滚轮便可以实现内容区域横向滚动,对操作者的双手进行解放,降低整体槽的繁复性。

主权项:1.一种优化利用鼠标滚轮实现页面水平滚动的操作方法,其特征在于,包括如下步骤:S100、载入组件:组件基于ant-design-vue组件库设计,组件在页面维度保持唯一;S200、页面处理:页面数据在打开的页面的同时进行加载,并判定是否会出现横向滚动条;S300、调用组件:基于S200的判定结果,对S100载入的组件是否进行调用进行判定,若出现横向滚动条则调用组件,展示工具容器区域;S400、监听鼠标:工具容器区域内对鼠标的mouseover事件与mouseout事件进行监听;S500、若S400监听到鼠标触发mouseover事件,则工具区域进行展开,并同时监听mousewheel事件是否触发;S600、当S500监听到mousewheel事件触发,则获取滚轮的滚动距离并设置内容容器的横向滚动距离,并计算内容区域滚动条的进度占比更新至工具容器的进度条占比;S700、若S400监听到鼠标触发mouseout事件,工具区域自动收起,刷新进度条占比,卸载mousewheel事件;S800、当前标签页离开后,组件进行自动清除,并解除相关绑定。

全文数据:

权利要求:

百度查询: 深圳易可达科技有限公司 一种优化利用鼠标滚轮实现页面水平滚动的操作方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。