CN111679780A - 一种移动端页面的翻页查看方法及系统 - Google Patents

Abstract

本发明提出了一种移动端页面的翻页查看方法及系统，其中，该方法包括：在移动端页面上的信息显示区域显示页面详情信息；根据在所述信息显示区域上的滑动触控，滑动显示所述页面详情信息；在滑动触控过程中，将第一操作栏进行吸顶固定；当接收到所述第一操作栏的翻页操作指令时对所述页面详情信息进行翻页。该方法及系统通过将翻页按钮的操作栏进行置顶处理，使用户可以利用翻页按钮随时进行详情页面翻页的操作，有效减少误触事件，并且不遮挡页面的详情内容，改善用户的使用体验。

Description

一种移动端页面的翻页查看方法及系统

技术领域

本发明涉及移动端页面管理技术领域，尤指一种移动端页面的翻页查看方法及系统。

背景技术

在移动端的使用场景中，当用户处于详情页面时，如果想要查看其它详情页面，通常操作为回退至列表页，点击希望查看的详情缩略项，进入该项详情页面。但是，当列表页展示的详情缩略项不方便识别时，例如较长的数字、字母组合，用户想要在列表页去找到对应的详情页将变得较为困难。

基于该问题，需要一种可以方便用户查看各个缩略项对应的详情页面的方案。而为解决该问题，在现有技术中，结合图1A至图1C所示，在“知乎”软件的显示页面上设置了“下一个回答”的按钮101，通过点击“下一个回答”按钮101，用户可切换至下一个回答详情页面。如图1A及图1B所示，知乎将“下一个回答”按钮101做成可拖拽式，用户可将按钮在页面的区域(距详情边框25像素)内拖拽至任一位置；用户在滑动页面2秒后，如图1B的“下一个回答”按钮101会缩小至图1C的按钮102。

这种悬浮按钮的设计实际上并未给用户带来良好的体验，主要原因为由于悬浮按钮位置的不确定性，可能会遮盖页面内容，会导致用户要经常移动其位置，而其还可能与某些页面按钮想接近，导致错误点击，例如为了点击“下一个回答”而误点击“关注”、“退出”等按钮或误触广告、评论；并且这种方式并未直接提供“上一个回答”，用户还需要滑动页面至顶端再进行相应的操作。

因此，亟需一种可以克服上述问题的移动端页面的翻页查看方案。

发明内容

为解决上述问题，本发明提出了一种移动端页面的翻页查看方法及系统，这种翻页查看的方法不会遮挡详情页内容且按钮在滑动页面时可以置顶，有效减少误触事件，改善了用户对于页面翻页等操作的体验。

在本发明一实施例中，提出了一种移动端页面的翻页查看方法，该方法包括：

在移动端页面上的信息显示区域显示页面详情信息；

根据在所述信息显示区域上的滑动触控，滑动显示所述页面详情信息；

在滑动触控过程中，将第一操作栏进行吸顶固定；

当接收到所述第一操作栏的翻页操作指令时对所述页面详情信息进行翻页。

在本发明另一实施例中，还提出了一种移动端页面的翻页查看系统，该系统包括：

页面详情信息显示单元，用于在移动端页面上的信息显示区域显示页面详情信息；

滑动触控单元，用于根据在所述信息显示区域上的滑动触控，滑动显示所述页面详情信息；

吸顶固定单元，用于在滑动触控过程中，将第一操作栏进行吸顶固定；

翻页控制单元，用于在接收到所述第一操作栏的翻页操作指令时对所述页面详情信息进行翻页。

在本发明另一实施例中，还提出了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现移动端页面的翻页查看方法。

在本发明另一实施例中，还提出了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现移动端页面的翻页查看方法。

本发明提出的移动端页面的翻页查看方法及系统通过将翻页按钮的操作栏做置顶处理，使用户可以随时进行详情页面翻页的操作，有效减少误触事件，并且不遮挡页面的详情内容，改善用户的使用体验。

附图说明

为了更清楚地说明本申请实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1A至图1C是现有技术中的移动端页面显示示意图。

图2是本发明的实施方式可以在其中实施的应用场景示意图。

图3是本发明一实施例的移动端页面的翻页查看方法流程示意图。

图4是本发明另一实施例的移动端页面的翻页查看方法流程示意图。

图5及图6是本发明第一具体实施例的移动端页面的示意图。

图7至图8是本发明第二具体实施例的移动端页面的示意图。

图9是本发明一实施例的移动端页面的翻页查看系统架构示意图。

图10是本发明另一实施例的移动端页面的翻页查看系统架构示意图。

图11是本发明一实施例的计算机设备结构示意图。

具体实施方式

下面将参考若干示例性实施方式来描述本发明的原理和精神。应当理解，给出这些实施方式仅仅是为了使本领域技术人员能够更好地理解进而实现本发明，而并非以任何方式限制本发明的范围。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。

本领域技术人员知道，本发明的实施方式可以实现为一种系统、装置、设备、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即：完全的硬件、完全的软件(包括固件、驻留软件、微代码等)，或者硬件和软件结合的形式。

根据本发明的实施方式，提出了一种移动端页面的翻页查看方法及系统。该方法及系统将按钮做置顶处理，使用户可以随时进行切换详情的操作，并且通过置顶，不遮挡页面的详情内容。

首先参考图2，其示出了本发明的实施方式可以在其中实施的应用场景。图2中所示的场景包括移动端100和服务器200。移动端100是移动互联网终端，指通过无线网络技术上网接入互联网的终端设备，主要功能是移动上网，例如手机、平板电脑、笔记本电脑、个人数字助理等，服务器200可以是后台服务器，将信息推送至移动端100；移动端100与服务器200之间例如可以通过移动互联网等进行通信连接。

用户可以通过在移动端100的APP界面浏览页面详情信息，在浏览过程中，显示页面会置顶一操作栏，使用户可以随时进行切换详情的操作且该操作栏不遮挡页面的详情内容。

下面参考本发明的若干代表性实施方式，详细阐释本发明的原理和精神。

图3是本发明一实施例的移动端页面的翻页查看方法流程示意图。如图3所示，该方法包括：

步骤S310，在移动端页面上的信息显示区域显示页面详情信息。

步骤S320，根据在所述信息显示区域上的滑动触控，滑动显示所述页面详情信息。

步骤S330，在滑动触控过程中，将第一操作栏进行吸顶固定。

步骤S340，当接收到所述第一操作栏的翻页操作指令时对所述页面详情信息进行翻页。

在一实施例中，如图4所示，本发明提出的移动端页面的翻页查看方法还包括：

步骤S410，获取详情缩略项，在移动端页面上的信息显示区域进行显示。

步骤S420，根据对所述详情缩略项的触控，在移动端页面上的信息显示区域显示详情缩略项对应的页面详情信息。

在执行步骤S420后，移动端页面的翻页查看的后续步骤与图3所示的步骤S320至步骤S340相同。

用户在进入移动端的APP后，通常会显示其要浏览的详情缩略项，这些可能有几十个项。在用户选择了某一项详情缩略项后，移动端页面上的信息显示区域显示页面详情信息，对此，本发明在该情况下加入了第一操作栏的设计，从而实现不遮挡详情页内容，且可以有效减少误触事件。

具体的，第一操作栏的位置可以是吸顶固定，显示方式主要可以分为两种：

1、在所述信息显示区域显示页面详情信息时，同时显示第一操作栏。

结合图5，为本发明第一具体实施例的页面详情信息的页面示意图。

如图5所示，在信息显示区域510显示页面详情信息时，第一操作栏520同时通过吸顶显示。

用户可以根据查看的需要，在信息显示区域510进行滑动触控，如图6所示，页面详情信息会随之滑动显示。在这个过程中，第一操作栏520一直保持吸顶固定；信息显示区域510与第一操作栏520为两个区域，并不会对各自的显示内容造成干扰，这样页面详情信息就不会被遮挡，从而保证用户查看信息的完整的。

在用户需要查看其它页时，可以通过第一操作栏520进行翻页操作。如图5所示，在第一操作栏520设置有翻页按钮521，在接收到对所述翻页按钮521的翻页操作指令时，对所述页面详情信息进行翻页，显示上一页或下一页的页面详情信息。

如图5、图6所示，第一操作栏520上还可以显示该页面的详情缩略项的信息或其它概括性信息。

2、在所述信息显示区域显示页面详情信息时，若所述信息显示区域未感应到触控，隐藏第一操作栏，若所述信息显示区域感应到触控，在所述移动端的显示页面上显示第一操作栏。

结合图7，为本发明第二具体实施例的页面详情信息的页面示意图。

如图7所示，与图5不同的是，在所述信息显示区域710显示页面详情信息时，如果用户在一定时间内没有进行触控，则可以隐藏第一操作栏。

当用户在信息显示区域710感应到任何触控时，如滑动触控、点击触控等如图8所示，第一操作栏720进行显示。

所述第一操作栏720设置有翻页按钮721，在接收到对所述翻页按钮721的翻页操作指令时，对所述页面详情信息进行翻页，显示上一页或下一页的页面详情信息。

结合图7及图8所示的实施例，本发明提出的移动端页面的翻页查看方法还可以包括：

在所述信息显示区域710显示页面详情信息时，显示第二操作栏730；其中，所述第二操作栏730保持吸底固定，用于根据触控指令获取对所述页面详情信息的处理结果。

举例而言，第二操作栏730包含了“拒绝”按钮、“退回”按钮、“通过”按钮，用户在审阅完这一项页面详情信息后，可以通过第二操作栏730的按钮输入相应的处理结果。

需要说明的是，尽管在上述实施例及附图中以特定顺序描述了本发明方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

在介绍了本发明示例性实施方式的方法之后，接下来，参考图9至图10对本发明示例性实施方式的移动端页面的翻页查看系统系统进行介绍。

移动端页面的翻页查看系统系统的实施可以参见上述方法的实施，重复之处不再赘述。以下所使用的术语“模块”或者“单元”，可以是实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

基于同一发明构思，本发明还提出了一种移动端页面的翻页查看系统，如图9所示，该系统包括：

页面详情信息显示单元910，用于在移动端页面上的信息显示区域显示页面详情信息。

滑动触控单元920，用于根据在所述信息显示区域上的滑动触控，滑动显示所述页面详情信息。

吸顶固定单元930，用于在滑动触控过程中，将第一操作栏进行吸顶固定。

翻页控制单元940，用于在接收到所述第一操作栏的翻页操作指令时对所述页面详情信息进行翻页。

在一实施例中，所述第一操作栏设置有翻页按钮；在接收到对所述翻页按钮的翻页操作指令时，对所述页面详情信息进行翻页，显示上一页或下一页的页面详情信息。

进一步的，结合图10所示，该系统还包括：缩略项显示单元950、第一操作栏显示单元960、第二操作栏显示单元970；其中，

缩略项显示单元950，用于获取详情缩略项，在移动端页面上的信息显示区域进行显示；

当用户在信息显示区域选择某一详情缩略项后，所述页面详情信息显示单元910，具体用于根据对所述详情缩略项的触控，在移动端页面上的信息显示区域显示详情缩略项对应的页面详情信息。

第一操作栏显示单元960，用于显示第一操作栏，其中，显示方式包括：

在所述信息显示区域显示页面详情信息时，同时显示第一操作栏；或，

在所述信息显示区域显示页面详情信息时，若所述信息显示区域未感应到触控，隐藏第一操作栏，若所述信息显示区域感应到触控，在所述移动端的显示页面上显示第一操作栏。

第二操作栏显示单元970，用于在所述信息显示区域显示页面详情信息时，显示第二操作栏；其中，所述第二操作栏用于根据触控指令获取对所述页面详情信息的处理结果。

应当注意，尽管在上文详细描述中提及了移动端页面的翻页查看系统的若干模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多模块的特征和功能可以在一个模块中具体化。反之，上文描述的一个模块的特征和功能可以进一步划分为由多个模块来具体化。

基于前述发明构思，如图11所示，本发明还提出了一种计算机设备1100，包括存储器1110、处理器1120及存储在存储器1110上并可在处理器1120上运行的计算机程序1130，所述处理器1120执行所述计算机程序1130时实现前述移动端页面的翻页查看方法。

基于前述发明构思，本发明提出了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现前述移动端页面的翻页查看方法。

本发明提出的移动端页面的翻页查看方法及系统通过将翻页按钮的操作栏做置顶处理，使用户可以随时进行详情页面翻页的操作，有效减少误触事件，并且不遮挡页面的详情内容，改善用户的使用体验。

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

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

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

最后应说明的是：以上所述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (14)

1.一种移动端页面的翻页查看方法，其特征在于，该方法包括：

在移动端页面上的信息显示区域显示页面详情信息；

根据在所述信息显示区域上的滑动触控，滑动显示所述页面详情信息；

在滑动触控过程中，将第一操作栏进行吸顶固定；

当接收到所述第一操作栏的翻页操作指令时对所述页面详情信息进行翻页。

2.根据权利要求1所述的移动端页面的翻页查看方法，其特征在于，该方法还包括：

获取详情缩略项，在移动端页面上的信息显示区域进行显示；

根据对所述详情缩略项的触控，在移动端页面上的信息显示区域显示详情缩略项对应的页面详情信息。

3.根据权利要求2所述的移动端页面的翻页查看方法，其特征在于，该方法还包括：

在所述信息显示区域显示页面详情信息时，同时显示第一操作栏。

4.根据权利要求2所述的移动端页面的翻页查看方法，其特征在于，该方法还包括：

在所述信息显示区域显示页面详情信息时，若所述信息显示区域未感应到触控，隐藏第一操作栏，若所述信息显示区域感应到触控，在所述移动端的显示页面上显示第一操作栏。

5.根据权利要求3或4所述的移动端页面的翻页查看方法，其特征在于，所述第一操作栏设置有翻页按钮，在接收到对所述翻页按钮的翻页操作指令时，对所述页面详情信息进行翻页，显示上一页或下一页的页面详情信息。

6.根据权利要求1所述的移动端页面的翻页查看方法，其特征在于，该方法还包括：

在所述信息显示区域显示页面详情信息时，显示第二操作栏；其中，所述第二操作栏用于根据触控指令获取对所述页面详情信息的处理结果。

7.一种移动端页面的翻页查看系统，其特征在于，该系统包括：

页面详情信息显示单元，用于在移动端页面上的信息显示区域显示页面详情信息；

滑动触控单元，用于根据在所述信息显示区域上的滑动触控，滑动显示所述页面详情信息；

吸顶固定单元，用于在滑动触控过程中，将第一操作栏进行吸顶固定；

翻页控制单元，用于在接收到所述第一操作栏的翻页操作指令时对所述页面详情信息进行翻页。

8.根据权利要求7所述的移动端页面的翻页查看系统，其特征在于，该系统还包括：

缩略项显示单元，用于获取详情缩略项，在移动端页面上的信息显示区域进行显示；

所述页面详情信息显示单元，具体用于根据对所述详情缩略项的触控，在移动端页面上的信息显示区域显示详情缩略项对应的页面详情信息。

9.根据权利要求8所述的移动端页面的翻页查看系统，其特征在于，该系统还包括：

第一操作栏显示单元，用于在所述信息显示区域显示页面详情信息时，同时显示第一操作栏。

10.根据权利要求8所述的移动端页面的翻页查看系统，其特征在于，该系统还包括：

第一操作栏显示单元，用于在所述信息显示区域显示页面详情信息时，若所述信息显示区域未感应到触控，隐藏第一操作栏，若所述信息显示区域感应到触控，在所述移动端的显示页面上显示第一操作栏。

11.根据权利要求9或10所述的移动端页面的翻页查看系统，其特征在于，所述第一操作栏设置有翻页按钮；

所述翻页控制单元，还用于在接收到对所述翻页按钮的翻页操作指令时，对所述页面详情信息进行翻页，显示上一页或下一页的页面详情信息。

12.根据权利要求7所述的移动端页面的翻页查看系统，其特征在于，该系统还包括：

第二操作栏显示单元，用于在所述信息显示区域显示页面详情信息时，显示第二操作栏；其中，所述第二操作栏用于根据触控指令获取对所述页面详情信息的处理结果。

13.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至6任一所述方法。

14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1至6任一所述方法。

Images