[发明专利]一种导航元素展示方法、装置及电子设备

说明书

本发明实施例提供了一种导航元素展示方法、装置及电子设备。其中，所述方法包括：当监测到针对可视区域的滚动操作时，根据滚动操作计算导航最大高度值，导航最大高度值不大于执行滚动操作后可视区域的上边高度值，并且大于执行滚动操作后可视区域的下边高度值；将当前页面的层叠样式表中导航元素的最大限高更新为导航最大高度值，以使得导航元素在当前页面中的高度值不高于最大限高。可以通过在层叠样式表中为导航元素增加最大限高这一属性值，并在监测到滚动操作时更新最大限高，使得导航元素在页面中的高度值随着可视区域一同变化，从而使得导航元素始终位于可视区域内，使得用户能够便捷地使用导航元素所提供的各种组件。

技术领域

本发明涉及网页技术领域，特别是涉及一种导航元素展示方法、装置及电子设备。

背景技术

导航元素中往往包括一个或多个便于用户操作的组件，如搜索栏、相关链接、翻译按钮等，用户可以通过这些组件实现各种便捷功能。

但是如果页面内容较多，则用户在浏览页面时可能需要进行滚动操作，导致导航元素位于可视区域外，此时，用户无法通过这些组件实现各种便捷功能，需要重新滚动可视区域以使得导航元素再次位于可视区域中，才可以使用这些组件，操作较为繁琐。

发明内容

本发明实施例的目的在于提供一种导航元素展示方法、装置及电子设备，以实现用户能够便捷的使用导航元素中的各种组件。具体技术方案如下：

在本发明实施例的第一方面，提供了一种导航元素展示方法，所述方法包括：

当监测到针对可视区域的滚动操作时，根据所述滚动操作计算导航最大高度值，所述导航最大高度值不大于执行所述滚动操作后所述可视区域的上边高度值，并且大于执行所述滚动操作后所述可视区域的下边高度值；

将当前页面的层叠样式表中导航元素的最大限高更新为所述导航最大高度值，以使得所述导航元素在所述当前页面中的高度值不高于所述最大限高。

在一种可能的实施例中，当所述导航元素不位于所述可视区域顶部时，所述根据所述滚动操作计算导航最大高度值，包括：

确定在执行所述滚动操作后页脚元素是否位于所述可视区域中；

如果在执行所述滚动操作后页脚元素位于所述可视区域中，获取页脚元素上边距离当前页面上边的第一高度值以及导航元素上边距离文档上边的第二高度值；

根据所述第一高度值与所述第二高度值计算导航最大高度值，所述导航最大高度值等于所述第一高度值与所述第二高度值的差值。

在一种可能的实施例中，在所述确定在执行所述滚动操作后页脚元素是否位于所述可视区域中之后，所述方法还包括：

如果在执行所述滚动操作后页脚元素位于所述可视区域外，获取第二高度值、当前页面下边距离所述当前页面上边的第三高度值以及所述可视区域上边距离所述当前页面上边的第四高度值；

根据所述第二高度值、所述第三高度值以及所述第四高度值计算导航最大高度值，其中，所述导航最大高度值等于所述第三高度值和所述第四高度值之和与所述第二高度值的差值。

在一种可能的实施例中，当所述导航元素位于所述可视区域顶部时，所述所述根据所述滚动操作计算导航最大高度值，包括：

确定在执行所述滚动操作后页脚元素是否位于所述可视区域中；

如果在执行所述滚动操作后页脚元素位于所述可视区域中，获取第一高度值以及第四高度值；

根据所述第一高度值与所述第四高度值计算导航最大高度值，所述导航最大高度值等于所述第一高度值与所述第四高度值的差值。

在一种可能的实施例中，在所述确定在执行所述滚动操作后页脚元素是否位于所述可视区域中之后，所述方法还包括：