[发明专利]一种基于焦点位置移动控制页面移动的方法及装置

说明书

本申请实施例提供一种基于焦点位置移动控制页面移动的方法及装置，方法包括：基于DOM树定义页面中的各个对象和处理对象的方法。当移动当前焦点区域时，根据当前焦点区域所在的焦点节点所在的位置，是否脱离焦点节点的范围。如果当前焦点区域所在的焦点节点脱离了焦点节点的范围，则移动滚动节点，以使当前焦点区域所在焦点节点返回焦点节点的范围。实现基于焦点节点的移动控制页面移动的效果。另外DOM树可被任何语言使用，因而能够实现对页面中元素的移动和整个页面的移动进行控制的同时，减少对浏览器自身的依赖。

技术领域

本申请涉及网页技术领域，尤其涉及一种基于焦点位置移动控制页面移动的方法及装置。

背景技术

随着智能终端的发展，浏览器已经是智能终端的必备软件。浏览器也发展成为用户获取信息的主要渠道之一。用户在使用浏览器应用时，可利用遥控器上的按键(或者以触控的方式)上下或者左右移动页面。

智能终端在响应用户指令，移动页面时，是依赖于浏览器自身对页面的控制。

然而，目前智能终端可安装的浏览器应用多种多样，智能终端系统面临着不同的浏览器标准，传统页面技术往往难以逐个兼容。另外依赖浏览器自身对页面进行控制时，效果不能够自定义页面移动的展示，用户使用体验较差。

发明内容

为了解决目前智能终端可安装的浏览器应用多种多样，智能终端系统面临着不同的浏览器标准，传统页面技术往往难以逐个兼容。另外依赖浏览器自身对页面进行控制时，不能够自定义页面移动的展示效果，用户使用体验较差的问题，本申请提供了一种基于焦点位置移动控制页面移动的方法及装置。

第一方面，提供一种基于焦点位置移动控制页面移动的方法，包括：

基于DOM树构建页面的固定节点、滚动节点以及焦点节点，其中，所述固定节点设置为相对于屏幕绝对定位，所述滚动节点设置为相对于所述固定节点相对定位，所述焦点节点设置为相对于所述滚动节点绝对定位，所述固定节点、所述滚动节点以及所述焦点节点均设置有固定的高度和宽度，所述焦点节点将所述滚动节点划分为至少两个区域，脱离所述固定节点范围的所述焦点节点为隐藏不可见状态；

响应于输入的切换当前焦点区域的指令，控制所述当前焦点区域在所述焦点节点之间移动；

在第一距离大于第二距离时，移动所述滚动节点，以使所述第一距离小于或等于所述第二距离，其中，所述第一距离为所述当前焦点区域所在所述焦点节点的第一侧边到所述固定节点的第二侧边的距离，所述第二距离为所述固定节点的与所述当前焦点区域移动方向平行的侧边的长度，所述第一侧边为在所述当前焦点区域移动方向上最先脱离所述固定节点范围的侧边，所述第二侧边为所述固定节点的远离所述第一侧边的侧边；

在所述第一距离小于或等于所述第二距离时，不移动所述滚动节点。

第二方面，提供一种装置，包括：

DOM树构建模块，被配置为：基于DOM树构建页面的固定节点、滚动节点以及焦点节点，其中，所述固定节点设置为相对于屏幕绝对定位，所述滚动节点设置为相对于所述固定节点相对定位，所述焦点节点设置为相对于所述滚动节点绝对定位，所述固定节点、所述滚动节点以及所述焦点节点均设置有固定的高度和宽度，所述焦点节点将所述滚动节点划分为至少两个区域，脱离所述固定节点范围的所述焦点节点为隐藏不可见状态；

焦点区域移动模块，被配置为：响应于输入的切换当前焦点区域的指令，控制所述当前焦点区域在所述焦点节点之间移动；