CN112578963B - 菜单处理方法和装置、存储介质及电子设备 - Google Patents

Abstract

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

Description

菜单处理方法和装置、存储介质及电子设备

技术领域

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

背景技术

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

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

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

发明内容

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

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

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

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

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

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

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

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

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

根据本发明实施例的另一方面，还提供了一种存储介质，存储介质包括存储的程序，其中，程序执行上述的菜单处理方法。

根据本发明实施例的另一方面，还提供了一种电子设备，电子设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线；其中，处理器、存储器通过总线完成相互间的通信；处理器用于调用存储器中的程序指令，以执行上述的菜单处理方法。

在本发明实施例中，当需要展开导航栏时，可以通过已选菜单在展开状态下的导航栏中的位置判断该菜单是否将位于展开状态下的导航栏的展示区域内，如果否，则需要控制导航栏滚动，调整展示区域与展开后的导航栏的相对位置，使得展开后的导航栏的已选菜单位于展示区域内。与现有技术相比，在用户选择的菜单未位于可视区域的情况下，通过控制导航栏滚动，可以使已选菜单出现在可视区域内，另外，导航栏位于网页页面的左侧，而不是位于网页页面的顶部，从而达到了提升用户体验感、避免对网页功能进行干扰的技术效果，进而解决了相关技术中导航栏展开后已选菜单无法显示在可视区域的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据现有技术的一种导航栏展开后的示意图；

图2是根据本发明实施例的一种菜单处理方法的流程图；

图3是根据本发明实施例的一种可选的菜单处理方法的流程图；

图4是根据本发明实施例的一种菜单处理装置的示意图；以及

图5是根据本发明实施例的一种电子设备的示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

根据本发明实施例，提供了一种菜单处理方法，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图2是根据本发明实施例的一种菜单处理方法的流程图，如图2所示，该方法包括如下步骤：

步骤S202，当需要展开位于页面侧边的导航栏时，获取已选菜单在展开状态下的导航栏中的位置，其中，展开状态下的导航栏将会显示有多个层级的菜单，多个层级的菜单包含已选菜单。在获取该位置时，导航栏可能已经被展开，也可能并没有被实际展开，不论此时导航栏是否处于已经展开的状态，都可以获知展开状态下的导航栏中所包含的菜单，相应地也能够确定出假定在导航栏处于展开状态时，已选菜单之前有多少个菜单，进而得到已选菜单在展开状态下导航栏中的位置。

具体地，上述的页面可以是浏览器中网页的页面，导航栏位于页面的左侧，导航栏具有展开、收起功能，在导航栏收起时，导航栏中仅显示一级菜单；当导航栏展开时，导航栏中显示有多级菜单，在本发明实施例中，以三级菜单为例进行说明。

导航栏的可视区域大小有限，展开状态下的导航栏中靠后显示的菜单未显示在可视区域内，因此，上述的已选菜单可以是用户在导航栏收起之前选择的靠后显示的菜单项，可以是一级菜单、二级菜单或三级菜单中的任意一个。

展开状态下的导航栏中多级菜单的显示位置固定，因此，上述的位置可以是指已选菜单在展开状态下的导航栏中的固定显示位置。

步骤S204，基于位置判断已选菜单是否将位于展开状态下的导航栏的展示区域内。

具体地，上述的展示区域可以是导航栏的可视区域，默认情况下，展开状态下的导航栏中靠前显示的菜单位于可视区域内。

步骤S206，在判断结果为否的情况下，在导航栏展开时控制导航栏滚动，调整展示区域与展开后的导航栏的相对位置，使得展开后的导航栏的已选菜单位于展示区域内。

在一种可选的方案中，在展开后的导航栏中，由于已选菜单是靠后显示的菜单项，为了使已选菜单能够出现在可视区域中，可以控制导航栏向下滚动，调整展示区域与展开后的导航栏的相对位置。

需要说明的是，如果已选菜单位于展示区域内，则无需对导航栏进行任何操作。

通过本发明上述实施例，当需要展开导航栏时，可以通过已选菜单在展开状态下的导航栏中的位置判断该菜单是否将位于展开状态下的导航栏的展示区域内，如果否，则需要控制导航栏滚动，调整展示区域与展开后的导航栏的相对位置，使得展开后的导航栏的已选菜单位于展示区域内。与现有技术相比，在用户选择的菜单未位于可视区域的情况下，通过控制导航栏滚动，可以使已选菜单出现在可视区域内，另外，导航栏位于网页页面的左侧，而不是位于网页页面的顶部，从而达到了提升用户体验感、避免对网页功能进行干扰的技术效果，进而解决了相关技术中导航栏展开后已选菜单无法显示在可视区域的技术问题。

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

具体地，上述的页面的顶部可以是指浏览器窗口的上边框。

在一种可选的方案中，获取导航栏所在容器顶部与浏览器窗口上边框的距离(上述的第二距离)containerTop，已选中菜单项顶部与浏览器窗口的距离(即上述的第一距离)targetTop，进一步计算已选中菜单项顶部与容器顶部的距离(即上述的位置)offsetTop＝targetTop－containTop。

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

具体地，由于已选菜单的显示位置是一个范围，为了避免已选菜单部分或全部不在可视化区域内，需要确保已选菜单的底部位于可视区域的底部之上，因此，上述的预设值可以是0。

在一种可选的方案中，在获取到已选菜单的底部距离展示区域的底部的第三距离之后，可以判断第三距离是否小于等于0，如果是，则表明已选菜单的底部位于可视区域的底部之上，即可以确定已选菜单位于可视区域内；如果否，则表明已选菜单的底部位于可视区域的底部之下，即可确定已选菜单可以能部分或全部未位于可视区域内。

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

具体地，导航栏的可视区域与导航栏对应的菜单容器的尺寸相同，因此，可以可视区域的预设高度也即是菜单容器的高度。

在一种可选的方案中，获取菜单容器的高度containerHeight，已选菜单的高度targetHeight，进一步计算第三距离difference＝offsetTop+targetHeight－containerHeight。

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

具体地，上述的当前滚动距离可以是指导航栏所在菜单容器的滚动距离，也即导航栏的滚动条从导航栏的顶部向下滚动的距离。

在一中可选的方案中，在确定第三距离difference大于0，表示已选菜单项部分或全部不在可视区域内，可以重新计算菜单容器的滚动距离scrollTop＝scrollTop+difference，让菜单向下滚动，使得已选菜单出现在滚动区域内。

下面结合图3对本发明一种优选的实施例进行详细说明，如图3所示，该方法包括如下步骤：

步骤S31，获取containerHeight，targetHeight，containerTop，targetTop，scrollTop。

可选地，获取菜单的容器高度containerHeight，已选中菜单项的高度targetHeight，菜单容器顶部与浏览器窗口上边框的距离containerTop，已选中菜单项顶部与浏览器窗口的距离targetTop，菜单容器的滚动距离scrollTop。

步骤S32，计算已选中菜单与菜单容器的距离offsetTop＝targetTop－containTop。

可选地，可以计算已选中菜单项顶部与容器顶部的距离。

步骤S33，计算difference＝offsetTop+targetHeight－containerHeight。

步骤S34，判断difference是否大于0。

可选地，如果是，则表示已选菜单项部分或全部不在可视区域内，进入步骤S35；如果否，则无需进行任何处理。

步骤S35，重新计算菜单容器的滚动距离scrollTop＝scrollTop+difference。

通过上述步骤，当菜单项展开时，通过已选中菜单项以及菜单容器的特征(高度，与浏览器窗口的相对位置等)，自动计算并设置菜单容器的滚动距离scrollTop，让已选菜单显示在可视区域内。

根据本发明实施例，提供了一种菜单处理装置。

图4是根据本发明实施例的一种菜单处理装置的示意图，如图4所示，该装置包括：获取模块42、判断模块44和控制模块46。

其中，获取模块42用于当需要展开位于页面侧边的导航栏时，获取已选菜单在展开状态下的导航栏中的位置，其中，展开状态下的导航栏将会显示有多个层级的菜单，多个层级的菜单包含已选菜单；判断模块44用于基于位置判断已选菜单是否将位于展开状态下的导航栏的展示区域内；控制模块46用于在判断结果为否的情况下，在导航栏展开时控制导航栏滚动，调整展示区域与展开后的导航栏的相对位置，使得展开后的导航栏的已选菜单位于展示区域内。

可选地，本发明上述实施例中，获取模块包括：第一获取单元、第二获取单元和第三获取单元。

其中，第一获取单元用于获取在处于展开状态下的导航栏中，已选菜单的顶部距离页面的顶部的第一距离；第二获取单元用于获取导航栏的顶部距离页面的顶部的第二距离；第三获取单元用于获取第一距离与第二距离之差，得到位置。

可选地，本发明上述实施例中，判断模块包括：第四获取单元、判断单元和确定单元。

其中，第四获取单元用于获取已选菜单的底部距离展示区域的底部的第三距离；判断单元用于判断第三距离是否小于等于预设值；确定单元用于如果第三距离小于等于预设值，则确定已选菜单将位于展开状态下的导航栏的展示区域内；如果第三距离大于预设值，则确定已选菜单将不位于展开状态下的导航栏的展示区域内。

可选地，本发明上述实施例中，第四获取单元包括：第一获取子单元、第二获取子单元和第三获取子单元。

其中，第一获取子单元用于获取已选菜单的第一高度和展示区域的预设高度，其中，展示区域位于导航栏的顶部；第二获取子单元用于获取第一高度与位置之和，得到和值；第三获取子单元用于获取和值与预设高度之差，得到第三距离。

可选地，本发明上述实施例中，控制模块包括：第五获取单元，第六获取单元和控制单元。

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

所述菜单处理装置包括处理器和存储器，上述获取模块、判断模块和控制模块等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能、

处理器中包含核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整核参数来在导航栏展开后使已选菜单显示在可视区域内。

本发明实、例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现所述菜单处理方法。

本发明施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述菜单处理方法。

本明实施例提供了一种电子设备，如图5所示，设备10包括至少一个处理器101、以及与处理器101连接的至少一个存储器102、总线103；其中，处理器101、存储器102通过总线103完成相互间的通信；处理器101用于调用存储器102中的程序指令，以执行上述的菜单处理方法。本文中的设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：

当需要展开位于页面侧边的导航栏时，获取已选菜单在展开状态下的导航栏中的位置，其中，展开状态下的导航栏将会显示有多个层级的菜单，多个层级的菜单包含已选菜单；基于位置判断已选菜单是否将位于展开状态下的导航栏的展示区域内；在判断结果为否的情况下，在导航栏展开时控制导航栏滚动，调整展示区域与展开后的导航栏的相对位置，使得展开后的导航栏的已选菜单位于展示区域内。

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

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

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

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

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

在一个典型的配置中，设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (6)

1.一种菜单处理方法，其特征在于，包括：

当需要展开位于页面侧边的导航栏时，获取已选菜单在展开状态下的所述导航栏中的位置，其中，展开状态下的所述导航栏将会显示有多个层级的菜单，所述多个层级的菜单包含所述已选菜单；

基于所述位置判断所述已选菜单是否将位于展开状态下的所述导航栏的展示区域内；

在判断结果为否的情况下，在所述导航栏展开时控制所述导航栏滚动，调整所述展示区域与展开后的所述导航栏的相对位置，使得展开后的所述导航栏的所述已选菜单位于所述展示区域内;

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

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

2.根据权利要求1所述的方法，其特征在于，获取所述已选菜单的底部距离所述展示区域的底部的第三距离包括：

获取所述已选菜单的第一高度和所述展示区域的预设高度，其中，所述展示区域位于所述导航栏的顶部；

获取所述第一高度与所述位置之和，得到和值；

获取所述和值与所述预设高度之差，得到所述第三距离。

3.根据权利要求1所述的方法，其特征在于，控制所述导航栏滚动包括：

获取所述导航栏所在容器的当前滚动距离，其中，所述当前滚动距离用于表征所述导航栏滚动前，所述展示区域与展开后的所述导航栏的相对位置；

获取所述当前滚动距离与所述第三距离之和，得到目标滚动距离，其中，所述目标滚动距离用于表征所述导航栏滚动后，所述展示区域与展开后的所述导航栏的相对位置；

按照所述目标滚动距离控制所述导航栏向下滚动。

4.一种菜单处理装置，其特征在于，包括：

获取模块，用于当需要展开位于页面侧边的导航栏时，获取已选菜单在展开状态下的所述导航栏中的位置，其中，展开状态下的所述导航栏将会显示有多个层级的菜单，所述多个层级的菜单包含所述已选菜单；

判断模块，用于基于所述位置判断所述已选菜单是否将位于展开状态下的所述导航栏的展示区域内；

控制模块，用于在判断结果为否的情况下，在所述导航栏展开时控制所述导航栏滚动，调整所述展示区域与展开后的所述导航栏的相对位置，使得展开后的所述导航栏的所述已选菜单位于所述展示区域内；

其中，获取模块包括：第一获取单元，用于获取在处于展开状态下的所述导航栏中，所述已选菜单的顶部距离所述页面的顶部的第一距离；第二获取单元，用于获取所述导航栏所在容器的顶部距离所述页面的顶部的第二距离；第三获取单元，用于获取所述第一距离与所述第二距离之差，得到所述位置；

其中，判断模块包括：第四获取单元，用于获取所述已选菜单的底部距离所述展示区域的底部的第三距离；判断单元，用于判断所述第三距离是否小于等于预设值；确定单元，用于如果所述第三距离小于等于所述预设值，则确定所述已选菜单将位于展开状态下的所述导航栏的展示区域内；如果所述第三距离大于所述预设值，则确定所述已选菜单将不位于展开状态下的所述导航栏的展示区域内。。

5.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，所述程序执行权利要求1至3任意一项所述的菜单处理方法。

6.一种电子设备，其特征在于，所述电子设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行权利要求1至3任意一项所述的菜单处理方法。

Images