[发明专利]菜单处理方法和装置、存储介质及电子设备

说明书

本发明公开了一种菜单处理方法和装置、存储介质及电子设备。其中，该方法包括：当需要展开位于页面侧边的导航栏时，获取已选菜单在展开状态下的导航栏中的位置，其中，展开状态下的导航栏将会显示有多个层级的菜单，多个层级的菜单包含已选菜单；基于位置判断已选菜单是否将位于展开状态下的导航栏的展示区域内；在判断结果为否的情况下，在导航栏展开时控制导航栏滚动，调整展示区域与展开后的导航栏的相对位置，使得展开后的导航栏的已选菜单位于展示区域内。本发明解决了相关技术中导航栏展开后已选菜单无法显示在可视区域的技术问题。

技术领域

本发明涉及互联网领域，具体而言，涉及一种菜单处理方法和装置、存储介质及电子设备。

背景技术

在大型商业系统的页面中，往往左侧会存在一个导航栏，并且该导航栏有收起、展开功能。当导航栏收起时，只会显示菜单项的图标，并且只显示一级菜单。当导航栏展开时，显示菜单项的图标和名称，并且恢复导航栏收起前的状态，显示二级，三级等子菜单。如果用户在导航栏收起时选择一个靠后的一级菜单，当导航栏展开时，由于要恢复收起前的状态，显示二级，三级子菜单，可能会把选中的菜单项挤出可视区域，如图1所示。

为了解决问题，相关技术中提供了一种方案，可以加入顶部导航栏作为一级导航，来尽量减少侧边导航栏的内容，并且限制只能展开一个一级菜单的子菜单，让其不出现滚动条。但是，采用上述方案在一定程度上影响用户体验，另外，网页顶部可能会有其他一些辅助功能，不一定有位置放导航栏，而且菜单项过多时还会出现其他问题。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种菜单处理方法和装置、存储介质及电子设备，以至少解决相关技术中导航栏展开后已选菜单无法显示在可视区域的技术问题。

根据本发明实施例的一个方面，提供了一种菜单处理方法，包括：当需要展开位于页面侧边的导航栏时，获取已选菜单在展开状态下的导航栏中的位置，其中，展开状态下的导航栏将会显示有多个层级的菜单，多个层级的菜单包含已选菜单；基于位置判断已选菜单是否将位于展开状态下的导航栏的展示区域内；在判断结果为否的情况下，在导航栏展开时控制导航栏滚动，调整展示区域与展开后的导航栏的相对位置，使得展开后的导航栏的已选菜单位于展示区域内。

进一步地，获取已选菜单在展开状态下的导航栏中的位置包括：获取在处于展开状态下的导航栏中，已选菜单的顶部距离页面的顶部的第一距离；获取导航栏所在容器的顶部距离页面的顶部的第二距离；获取第一距离与第二距离之差，得到位置。

进一步地，基于位置判断已选菜单是否将位于展开状态下的导航栏的展示区域内包括：获取已选菜单的底部距离展示区域的底部的第三距离；判断第三距离是否小于等于预设值；如果第三距离小于等于预设值，则确定已选菜单将位于展开状态下的导航栏的展示区域内；如果第三距离大于预设值，则确定已选菜单将不位于展开状态下的导航栏的展示区域内。

进一步地，获取已选菜单的底部距离展示区域的底部的第三距离包括：获取已选菜单的第一高度和展示区域的预设高度，其中，展示区域位于导航栏的顶部；获取第一高度与位置之和，得到和值；获取和值与预设高度之差，得到第三距离。

进一步地，控制导航栏滚动包括：获取导航栏所在容器的当前滚动距离，其中，当前滚动距离用于表征导航栏滚动前，展示区域与展开后的导航栏的相对位置；获取当前滚动距离与第三距离之和，得到目标滚动距离，其中，目标滚动距离用于表征导航栏滚动后，展示区域与展开后的导航栏的相对位置；按照目标滚动距离控制导航栏向下滚动。