一种页面展现方法、装置、电子设备和存储介质制造方法及图纸

本公开提供了一种页面展现方法、装置、电子设备和存储介质，涉及计算机技术领域，尤其涉及前端页面开发技术。具体实现方案为：在进入目标页面后，确定嵌入在所述目标页面上的滑动浮层当前所处的浮层展现状态；其中，所述滑动浮层至少包括用于展示预设主题内容的展示区域；确定所述展示区域中当前展示的预设主题内容的内容展现状态；根据所述内容展现状态和用户在所述展示区域的滑动操作，调整所述浮层展现状态。本公开方案通过在页面上嵌入滑动浮层以展示更多的资源内容，达到了扩展页面展现内容的效果；而且用户可通过在展示区域进行滑动操作，以调整浮层展现状态，避免只能在指定区域滑动才能调整滑动浮层状态的限制，提高了操作便捷性。操作便捷性。操作便捷性。

【技术实现步骤摘要】
一种页面展现方法、装置、电子设备和存储介质


[0001]本公开涉及计算机
，尤其涉及前端页面开发
，具体涉及一种页面展现方法、装置、电子设备、存储介质和计算机程序产品。

技术介绍

[0002]目前，用户可以通过移动终端、个人计算机(Personal Computer，PC)终端、电视终端等多种终端来浏览页面。在页面中，页面内容展示仅能顺序展示，展示内容区域有限。

技术实现思路

[0003]本公开提供了一种页面展现方法、装置、电子设备、存储介质和计算机程序产品。
[0004]根据本公开的一方面，提供了一种页面展现方法，包括：
[0005]在进入目标页面后，确定嵌入在所述目标页面上的滑动浮层当前所处的浮层展现状态；其中，所述滑动浮层至少包括用于展示预设主题内容的展示区域；
[0006]确定所述展示区域中当前展示的预设主题内容的内容展现状态；
[0007]根据所述内容展现状态和用户在所述展示区域的滑动操作，调整所述浮层展现状态。
[0008]根据本公开的另一方面，提供了一种页面展现装置，包括：
[0009]第一状态确定模块，用于在进入目标页面后，确定嵌入在所述目标页面上的滑动浮层当前所处的浮层展现状态；其中，所述滑动浮层至少包括用于展示预设主题内容的展示区域；
[0010]第二状态确定模块，用于确定所述展示区域中当前展示的预设主题内容的内容展现状态；
[0011]第一调整模块，用于根据所述内容展现状态和用户在所述展示区域的滑动操作，调整所述浮层展现状态。
[0012]根据本公开的另一方面，提供了一种电子设备，包括：
[0013]至少一个处理器；以及
[0014]与所述至少一个处理器通信连接的存储器；其中，
[0015]所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本公开任意实施例所述的页面展现方法。
[0016]根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使计算机执行本公开任意实施例所述的页面展现方法。
[0017]根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现本公开任意实施例的页面展现方法。
[0018]根据本公开的技术，在页面上嵌入滑动浮层以展示更多的资源内容，达到了扩展页面展现内容的效果；而且用户可通过在展示区域进行滑动操作以调整浮层展现状态，避
免只能在指定区域滑动才能调整滑动浮层状态的限制，提高了操作便捷性。
[0019]应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0020]附图用于更好地理解本方案，不构成对本公开的限定。其中：
[0021]图1a是根据本公开实施例的一种页面展现方法的流程示意图；
[0022]图1b是根据本公开实施例的在目标页面嵌入滑动浮层的效果图；
[0023]图1c是根据本公开实施例的滑动浮层所占区域的划分示意图；
[0024]图2是根据本公开实施例的另一种页面展现方法的流程示意图；
[0025]图3是根据本公开实施例的另一种页面展现方法的流程示意图；
[0026]图4是根据本公开实施例的另一种页面展现方法的流程示意图；
[0027]图5是根据本公开实施例的一种页面展现方法的逻辑示意图；
[0028]图6是根据本公开实施例的页面展现装置的示意图；
[0029]图7是用来实现本公开实施例的页面展现方法的电子设备的框图。
具体实施方式
[0030]以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
[0031]图1a是根据本公开实施例的一种页面展现方法的流程示意图。本实施例可适用于前端页面展现的场景中。该方法可由一种页面展现装置来执行，该装置采用软件和/或硬件的方式实现，优选是配置于电子设备中，例如计算机设备或服务器等。如图1a所示，该方法具体包括如下：
[0032]S101、在进入目标页面后，确定嵌入在所述目标页面上的滑动浮层当前所处的浮层展现状态；其中，滑动浮层至少包括用于展示预设主题内容的展示区域。
[0033]S102、确定所述展示区域中当前展示的预设主题内容的内容展现状态。
[0034]本实施例中，滑动浮层可以根据实际业务需要预先嵌入在目标页面的指定位置处，用于展示与目标页面中内容相关的资源内容，目标页面可以为web页面，也可以是其他前端页面，在此不做具体限定。示例性的，参见图1b，其示出了在目标页面嵌入滑动浮层的效果图。参见图1b，在进入目标页面后，滑动浮层所占据的区域可以理解为滑层区域，该滑层区域的高度，可根据用户操作实现滑动变化。简单描述即，用户手指上滑操作，滑层区域高度增加，实现展开滑层区域，此时浮层展现状态即为展开状态；用户手指下滑，滑层区域高度减少，实现收起滑层区域，此时浮层展现状态为收起状态。因此，滑动浮层的浮层展现状态可以包括收起状态和展开状态两种。
[0035]进一步的，参见图1c，其示出了滑动浮层所占区域的划分示意图，可选的，滑层区域具体可以分为操作热区和非操作热区；其中，操作热区可以理解为主题区域，用于展示主题名称(例如图1c中的“学霸笔记”、“精选练习册”等)。需要说明的是，用户作用于该区域的
操作行为会被监听并识别，进而根据用户的操作行为控制滑动浮层的展开和收起，也即响应于用于用户在所述主题区域的上滑操作或下滑操作，调整所述滑动浮层的收起或展开。由此可以保证用户只要在指定区域进行滑动操作即可实现滑动浮层的展开或收起。非操作热区可以理解为用于展示预设主题内容的展示区域；其中，不同主题名称对应不同的预设主题内容。需要说明的是，预设主题内容可以根据实际内容长度可垂直方向滚动，即在滑动浮层展开或收起的状态中，若展示区域内容高度较大，则展示区域内容可随用户的上滑下滑操作实现内容区域滚动。因此，展示区域中展示的预设主题内容的内容展现状态示例性的可以包括如下两种：预设主题内容滚动到顶部和预设主题内容未滚动到顶部。
[0036]S103、根据所述内容展现状态和用户在所述展示区域的滑动操作，调整所述浮层展现状态。
[0037]本实施例中，可根据内容展现状态和用户在展示区域的滑动操作，识别用户的操作意图；根据操作意图调整浮层展现状态。示例性的，针对当前的浮层展现状态为收起状态的情况，如果内容展现状态为预设主题内容滚动到顶部，此时如果滑动操作是上滑操作，则认为用户的操作意图展本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面展现方法，包括：在进入目标页面后，确定嵌入在所述目标页面上的滑动浮层当前所处的浮层展现状态；其中，所述滑动浮层至少包括用于展示预设主题内容的展示区域；确定所述展示区域中当前展示的预设主题内容的内容展现状态；根据所述内容展现状态和用户在所述展示区域的滑动操作，调整所述浮层展现状态。2.根据权利要求1所述的方法，其中，确定所述展示区域中当前展示的预设主题内容的内容展现状态，包括：获取第一高度参数；其中，所述第一高度参数为所述预设主题内容因为滚动展示而超出所述展示区域上边界的高度；根据所述第一高度参数，确定所述展示区域中当前展示的预设主题内容的内容展现状态；其中，所述内容展现状态包括所述预设主题内容滚动到顶部和所述预设主题内容未滚动到顶部。3.根据权利要求2所述的方法，还包括：针对任一滑动操作，确定所述第一高度参数在所述滑动操作开始前和滑动操作结束后的变化值；根据所述变化值，确定所述滑动操作为上滑操作或下滑操作。4.根据权利要求3所述的方法，其中，所述浮层展现状态包括收起状态和展开状态；针对所述浮层展现状态为收起状态的情况，根据所述内容展现状态和所述滑动操作，调整所述浮层展现状态，包括：若所述内容展现状态为所述预设主题内容滚动到顶部，且所述滑动操作为上滑操作，则将所述浮层展现状态由收起状态调整为展开状态。5.根据权利要求4所述的方法，其中，根据所述内容展现状态和所述滑动操作，调整所述浮层展现状态，包括：针对所述浮层展现状态为收起状态的情况，若所述内容展现状态为所述预设主题内容未滚动到顶部，且所述滑动操作为上滑操作，则沿着上滑方向滚动展示所述预设主题内容；在确定所述预设主题内容滚动到底部时，则将所述浮层展现状态由收起状态调整为展开状态；若所述内容展现状态为所述预设主题内容未滚动到顶部，且所述滑动操作为下滑操作，则沿着下滑方向滚动展示所述预设主题内容，直到所述预设主题内容滚动到顶部。6.根据权利要求5所述的方法，其中，确定所述预设主题内容滚动到底部，包括：获取所述预设主题内容的第二高度参数、展示区域的第三高度参数；若所述第一高度参数等于所述第二高度参数与第三高度参数的差值，则确定所述预设主题内容滚动到底部。7.根据权利要求4所述的方法，其中，针对所述浮层展现状态为展开状态的情况，根据所述内容展现状态和所述滑动操作，调整所述浮层展现状态，包括：若所述内容展现状态为所述预设主题内容滚动到顶部，且所述滑动操作为下滑操作，则将所述浮层展现状态由展开状态调整为收起状态。8.根据权利要求4所述的方法，其中，针对所述浮层展现状态为展开状态的情况，根据所述内容展现状态和所述滑动操作，调整所述浮层展现状态，包括：
若所述内容展现状态为所述预设主题内容未滚动到顶部，且所述滑动操作为上滑操作，则沿着上滑方向滚动展示所述预设主题内容，直到所述预设主题内容滚动到底部；若所述内容展现状态为所述预设主题内容未滚动到顶部，且所述滑动操作为下滑操作，则沿着下滑方向滚动展示所述预设主题内容；在确定所述预设主题内容滚动到顶部时，则将所述浮层展现状态由展开状态调整为收起状态。9.根据权利要求1所述的方法，其中，所述滑动浮层还包括主题区域；所述方法还包括：响应于用于在所述主题区域的上滑操作或下滑操作，调整所述滑动浮层的收起或展开。10.根据权利要求1所述的方法，其中，所述目标页面为web页面。11.一种页面展现装置，包括：第一状态确定模块，用于在进入目标页面后，确定嵌入在所述目标页面上的滑动浮层当前所处的浮层展现状态；其中，所述滑动浮层至少包括用于展示预设主题内容的展示区域；第二状态确定模块，用于确定所述展示区域中当前展示的预设主题内容的内容展现状态；第一调整模块，用于根据所述内容展现状态和用户在所述展示区域的滑动操作，调整所述浮层展现状态。12.根据权利...

【专利技术属性】
技术研发人员：兰建国，吕亮，
申请(专利权)人：百度时代网络技术北京有限公司，
类型：发明
国别省市：