[发明专利]页面控制方法和页面控制装置

说明书

本发明公开了页面控制方法和页面控制装置，涉及计算机技术领域。该方法的一具体实施方式包括：根据接收的页面控制指令确定目标页面，其中，目标页面为主页面包含的子页面；将目标页面的标识传入预先配置的返回组件中，为目标页面绑定滚动事件；在目标页面滚动的情况下，利用滚动事件对目标页面的滚动进行监控，获得目标页面的滚动距离；在滚动距离大于预设距离阈值的情况下，根据预先配置的返回组件，控制目标页面返回至预设位置。该实施方式能够满足用户根据自己需求随意选择子页面快捷返回至期望的位置，避免了大量代码编写，提高用户开发效率，还可以增强业务使用场景。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面控制方法和页面控制装置。

背景技术

现有前端组件库可以实现页面返回顶部的功能，具体的，利用doc ument.body(即，页面文档)的scrolltop属性来控制当前文档相对用户视觉显示的位置，然后配以动画，使其缓慢或者快速地回到顶部。

但是，在实现本发明过程中，发明人发现现有技术中至少存在如下问题：现有技术只能控制整个页面文档的滚动到顶部，不能灵活地控制页面文档的局部布局在局部空间内回到顶部。

发明内容

有鉴于此，本发明实施例提供一种页面控制方法和页面控制装置，能够满足用户根据自己需求随意选择子页面快捷返回至期望的位置，避免了大量代码编写，提高用户开发效率，还可以增强业务使用场景。

为实现上述目的，根据本发明实施例的第一方面，提供了一种页面控制方法。

本发明实施例的一种页面控制方法，包括：根据接收的页面控制指令确定目标页面，其中，所述目标页面为主页面包含的子页面；将所述目标页面的标识传入预先配置的返回组件中，为所述目标页面绑定滚动事件；在所述目标页面滚动的情况下，利用所述滚动事件对所述目标页面的滚动进行监控，获得所述目标页面的滚动距离；在所述滚动距离大于预设距离阈值的情况下，根据所述预先配置的返回组件，控制所述目标页面返回至预设位置。

可选地，在将所述目标页面的标识传入预先配置的返回组件中之前，所述方法还包括：在用户界面设计组件库中引入返回顶部组件，重写所述返回顶部组件，以便自定义配置所述返回顶部组件的属性；在重写后的所述返回顶部组件的外围包裹上外部容器，以得到所述预先配置的返回组件。

可选地，所述重写所述返回顶部组件，包括：为所述返回顶部组件添加显示属性，以使所述返回顶部组件处于显示状态；设置所述返回顶部组件的尺寸属性和位置属性。

可选地，所述方法还包括：通过所述外部容器的显示变量控制所述外部容器的显示状态，以控制所述返回顶部组件的显示状态；以及，为所述外部容器绑定点击返回方法。

可选地，所述在所述滚动距离大于预设距离阈值的情况下，根据所述预先配置的返回组件，控制所述目标页面返回至预设位置，包括：在所述滚动距离大于所述预设距离阈值的情况下，更新所述外部容器的显示变量为真，以便控制所述返回顶部组件在所述目标页面上显示；若获取到点击所述返回顶部组件的操作，则触发所述点击返回方法，按照所述点击返回方法中的返回距离，控制所述目标页面返回至所述预设位置。

可选地，所述页面控制指令中指示所述预设位置，所述返回距离是根据所述预设位置设置的；以及，所述按照所述点击返回方法中的返回距离，控制所述目标页面返回至所述预设位置，包括：若所述预设位置为顶部，则按照所述返回距离，控制所述目标页面的页面数据返回至所述目标页面的顶部；若所述预设位置为特定位置，则按照所述返回距离，控制所述目标页面的页面数据返回至所述目标页面的特定位置。

为实现上述目的，根据本发明实施例的第二方面，提供了一种页面控制装置。