[发明专利]一种页面悬浮框显示方法及装置

说明书

技术领域

本发明实施例涉及通信技术领域，尤其涉及一种页面悬浮框显示方法及装置。

背景技术

随着互联网技术的发展，网络的信息量呈爆炸式增长，一个网页承载的内容越来越丰富，同时也使得网页显示的屏数相应的增多，需要下拉才能完整显示，这不仅给用户浏览网页带来了困难，也增大了网页功能模块摆放的难度。一屏网页的空间毕竟是有限的，除了展示用户需要的内容，还需要将功能工具一直显示在用户的可视范围，以方便用户操作。悬浮框即是为该问题提供的一种灵活有效的解决方案，其将用户常用的功能集中放置在该悬浮框，随着屏幕的滚动，悬浮框固定在屏幕的某个位置，且该位置一直在用户的可视范围内，这样用户就可以随时操作。

国内的某些商业网站也屡见这种类型的悬浮框，例如淘宝和天猫商城搜索结果页的悬浮工具条，集中放置排序、筛选、选择页数等功能按钮，默认状态下，滚动条一直随着页面滚动，但该工具条始终浮动在浏览器窗口最顶部的位置。新浪微博也有类似的工具条，只是该工具条提供的是首页、热门应用、游戏APP和个人主页等功能的入口。还有很多其他网站都提供了相似的工具条，功能虽不同，但特点都是固定悬浮的。

目前网络上常见的固定悬浮框，将用户常用的功能都集中到一起，总是占据着屏幕的一部分，而且没有提供停止该模块浮动的功能。网站在设计时往往都仅考虑了大多数用户通用的功能，而没有综合考虑的用户需求的差异，使得某些用户不需要的功能随着固定悬浮框一直处于用户的操作范围，阻碍用户的浏览视角，也降低了网站的用户体验。因此，有必要提供一种新的页面悬浮框显示方法解决上述问题。

发明内容

有鉴于此，本发明实施例提供了一种页面悬浮框显示方法及装置，能够为用户提供更贴近用户需求的悬浮框，从而提升用户体验。

本发明实施例提供的页面悬浮框显示方法，包括：分别为悬浮框中可呈现的各个功能选项设置标识；检测用户在第一悬浮框中使用的功能选项；记录所述用户在所述第一悬浮框中使用的功能选项的标识；根据记录生成第二悬浮框并将所述第二悬浮框呈现给所述用户，所述第二悬浮框中包含的功能选项为所述用户在所述第一悬浮框中使用的功能选项。

可选地，所述方法还包括：

获取页面滚动的垂直偏移值；

当所述页面滚动的垂直偏移值大于预设偏移阈值时，将所述第一悬浮框或所述第二悬浮框的垂直偏移值设置为所述页面滚动的垂直偏移值。

可选地，所述方法还包括：

检测所述用户是否点选悬浮框关闭按钮；

若检测到所述用户点选了所述悬浮框关闭按钮，则将所述第一悬浮框的垂直偏移值设置为所述第一悬浮框的位置初始值，或将所述第二悬浮框的垂直偏移值设置为所述第二浮框的位置初始值。

可选地，所述方法还包括：

检测所述用户是否点选悬浮框定制按钮；

若检测到所述用户点选了所述悬浮框定制按钮，则将所述悬浮框中可呈现的各个功能选项显示给所述用户；

检测所述用户点选的功能选项；

记录所述用户点选的功能选项的标识；

根据记录生成第三悬浮框并将所述第三悬浮框呈现给所述用户，所述第三悬浮框中包含的功能选项为所述用户点选的功能选项。

可选地，所述第三悬浮框具有有效时间，所述有效时间由所述用户设置。

可选地，记录的功能选项的标识存储在cookie中。

本发明实施例提供的页面悬浮框显示装置，包括：

设置单元，用于分别为悬浮框中可呈现的各个功能选项设置标识；

检测单元，用于检测用户在第一悬浮框中使用的功能选项；

记录单元，用于记录所述用户在所述第一悬浮框中使用的功能选项的标识；

生成单元，用于根据记录生成第二悬浮框并将所述第二悬浮框呈现给所述用户，所述第二悬浮框中包含的功能选项为所述用户在所述第一悬浮框中使用的功能选项。

可选地，所述装置还包括：

获取单元，用于获取页面滚动的垂直偏移值；

悬浮设置单元，用于当所述页面滚动的垂直偏移值大于预设偏移阈值时，将所述第一悬浮框或所述第二悬浮框的垂直偏移值设置为所述页面滚动的垂直偏移值。

可选地，所述检测单元还用于，检测所述用户是否点选悬浮框关闭按钮；

所述装置还包括：

悬浮关闭单元，用于在所述检测单元检测到所述用户点选了所述悬浮框关闭按钮时，将所述第一悬浮框的垂直偏移值设置为所述第一悬浮框的位置初始值，或将所述第二悬浮框的垂直偏移值设置为所述第二浮框的位置初始值。