一种网页显示方法和装置制造方法及图纸

本申请实施例提供了一种网页显示方法和装置，以解决网页显示的问题。所述的方法包括：在显示网页时，依据所述定位属性将所述网页的当前屏内容显示在浏览器的可视区内，其中，所述网页包括至少两屏内容，每屏内容设置有定位属性；获取滚动交互事件，判断是否滚动到所述当前屏内容的边缘；当滚动到所述当前屏内容的边缘时，依据所述定位属性跳转到所述当前屏内容的相邻屏内容，在所述可视区中显示所述相邻屏内容；当未滚动到所述当前屏内容的边缘时，滚动显示所述当前屏内容。不同屏之间能够直接跳转显示，而不会出现滚动过多等页面问题，便于查看页面内容。

【技术实现步骤摘要】
一种网页显示方法和装置
本申请涉及网页
，特别是涉及一种网页显示方法和一种网页显示装置。
技术介绍
随着网络的发展，越来越多的用户通过浏览器浏览网页来获取所需的信息。例如浏览购物网站的网页进行购物，浏览新闻网站的网页获知时事，浏览游戏网站的网页玩网页游戏等。网页通常是通过浏览器承载进行展示的，将浏览器中展示网页的区域称为可视区，可视区所能展示的网页内容是有限的，当一个网页的内容过长超出可视区时，通常会在浏览器可视区的右侧设置滚动条，通过调整滚动条来调整可视区显示的内容。但是，用户通过滚动条调整可视区显示的网页内容时，常常会不小心调整过多，需要重新调整才能显示需要的内容。并且，在调整滚动条时页面显示内容会随着滚动条调整，用户需要重新查找才能确定需要查看的内容，操作不便。因此，目前需要本领域技术人员迫切解决的一个技术问题就是：提出一种网页显示方法，以解决网页显示的问题。
技术实现思路
本申请实施例所要解决的技术问题是提供一种网页显示方法，以解决网页显示的问题。相应的，本申请实施例还提供了一种网页显示装置，用以保证上述方法的实现及应用。为了解决上述问题，本申请公开了一种网页显示方法，包括：在显示网页时，依据所述定位属性将所述网页的当前屏内容显示在浏览器的可视区内，其中，所述网页包括至少两屏内容，每屏内容设置有定位属性；获取滚动交互事件，判断是否滚动到所述当前屏内容的边缘；当滚动到所述当前屏内容的边缘时，依据所述定位属性跳转到所述当前屏内容的相邻屏内容，在所述可视区中显示所述相邻屏内容；当未滚动到所述当前屏内容的边缘时，滚动显示所述当前屏内容。可选的，所述屏内容的类型包括第一类型和第二类型；所述第一类型的屏内容设置有第一定位属性；所述第二类型的屏内容设置有第二定位属性，且所述第二类型的屏内容具有附加的页眉和/或页脚。可选的，所述各屏内容还设置有堆叠属性，所述堆叠属性用于按照显示顺序排列为各屏内容，其中，首屏内容的堆叠属性的属性值最大，末屏内容的堆叠属性的属性值最小。可选的，依据所述定位属性，将所述网页的当前屏内容显示在浏览器的可视区内，包括：所述当前屏内容为第二类型时，依据第二定位属性，将当前屏内容的主内容的长和宽配置为满屏；将附加的页眉设置到所述浏览器的可视区之上，和/或，将附加的页脚设置到所述浏览器的可视区之下；在所述浏览器的可视区内显示所述主内容。可选的，判断是否滚动到所述当前屏内容的边缘，包括：当所述屏内容设置有第一定位属性时，确定滚动到所述当前屏内容的边缘；当所述屏内容设置有第二定位属性时，依据展示内容判断是否滚动到当前屏内容的边缘，其中，展示内容为页脚的底部或页眉的顶部时，判断滚动到当前屏内容的边缘。可选的，获取滚动交互事件之后，所述的方法还包括：依据所述滚动交互事件确定滚动方向，其中，所述滚动方向包括向上滚动或向下滚动。可选的，依据所述定位属性跳转到所述当前屏内容的相邻屏内容，包括：当为向上滚动且当前屏内容为非第一屏内容时，依据所述定位属性跳转到所述当前屏内容的上一屏内容；当为向下滚动且当前屏内容为非最后一屏内容时，依据所述定位属性跳转到所述当前屏内容的下一屏内容。可选的，当所述屏内容为第二定位属性时，滚动显示所述当前屏内容，包括：当为向上滚动时，从所述当前屏内容的主内容滚动显示当前屏内容的页眉；当为向下滚动时，从所述当前屏内容的主内容滚动显示当前屏内容的页尾。可选的，还包括：在所述可视区中显示所述相邻屏内容后，在预置时间内获取相同滚动交互事件，不执行滚动操作。本申请实施例还公开了一种网页显示装置，包括：显示模块，用于在显示网页时，依据所述定位属性将所述网页的当前屏内容显示在浏览器的可视区内；以及在跳转到所述当前屏内容的相邻屏内容后，在所述可视区中显示满屏显示所述相邻屏内容；其中，所述网页包括至少两屏内容，每屏内容设置有定位属性；获取模块，用于获取滚动交互事件；滚动模块，用于判断是否滚动到所述当前屏内容的边缘，当滚动到所述当前屏内容的边缘时，依据所述定位属性跳转到所述相邻屏内容；当未滚动到所述当前屏内容的边缘时，滚动显示所述当前屏内容。可选的，所述屏内容的类型包括第一类型和第二类型；所述第一类型的屏内容设置有第一定位属性；所述第二类型的屏内容设置有第二定位属性，且所述第二类型的屏内容具有附加的页眉和/或页脚。可选的，所述各屏内容还设置有堆叠属性，所述堆叠属性用于按照显示顺序排列为各屏内容，其中，首屏内容的堆叠属性的属性值最大，末屏内容的堆叠属性的属性值最小。可选的，所述显示模块，用于所述当前屏内容为第二类型时，依据第二定位属性，将当前屏内容的主内容的长和宽配置为满屏；将附加的页眉设置到所述浏览器的可视区之上，和/或，将附加的页脚设置到所述浏览器的可视区之下；在所述浏览器的可视区内显示所述主内容。可选的，所述滚动模块，包括：边缘判断子模块，用于当所述屏内容设置有第一定位属性时，确定滚动到所述当前屏内容的边缘；当所述屏内容设置有第二定位属性时，依据展示内容判断是否滚动到当前屏内容的边缘，其中，展示内容为页脚的底部或页眉的顶部时，判断滚动到当前屏内容的边缘。可选的，所述滚动模块，还包括：方向判断子模块，用于依据所述滚动交互事件确定滚动方向，其中，所述滚动方向包括向上滚动或向下滚动。可选的，所述滚动模块，包括：跳转显示子模块，用于当为向上滚动且当前屏内容为非第一内容时，依据所述定位属性跳转到所述当前屏内容的上一屏内容；当为向下滚动且当前屏内容为非最后一屏内容时，依据所述定位属性跳转到所述当前屏内容的下一屏内容。可选的，所述滚动模块，包括：滚定显示子模块，用于对所述屏内容为第二定位属性，当为向上滚动时，从所述当前屏内容的主内容滚动显示当前屏内容的页眉；当为向下滚动时，从所述当前屏内容的主内容滚动显示当前屏内容的页尾。可选的，所述滚动模块，还用于在所述可视区中显示显示所述相邻屏内容后，在预置时间内获取相同滚动交互事件，不执行滚动操作。与现有技术相比，本申请实施例包括以下优点：在本申请实施例中，在展示网页时先依据定位属性将当前屏内容显示在浏览器的可视区内，而在此后接收到滚动交互事件后，在未达到边缘时滚动显示当前屏内容，而在滚动到边缘时直接跳转到相邻屏内容，相邻屏内容作为当前屏内容显示时也是在可视区内全屏显示，从而不同屏之间直接跳转显示，而不会出现滚动过多等页面问题，便于查看页面内容。附图说明图1是本申请的一种网页显示方法实施例的步骤流程图；图2是本申请实施例中网页配置方法的步骤流程图；图3是本申请的一种网页显示方法实施例的步骤流程图；图4是本申请一种网页显示装置实施例的结构框图；图5是本申请另一种网页显示装置实施例的结构框图。具体实施方式为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。本申请实施例的核心构思之一在于，提供一种网页显示方法和装置，以解决网页显示的问题。在展示网页时先依据定位属性将当前屏内容显示在浏览器的可视区内，而在此后接收到滚动交互事件后，在未达到边缘时滚动显示当前屏内容，而在滚动到边缘时直接跳转到相邻屏内容，相邻屏内容作为当前屏内容显示时也是在可视区内全屏显示，从而不同屏之间直接跳转显示，而不会出现滚动过本文档来自技高网...

【技术保护点】
一种网页显示方法，其特征在于，包括：在显示网页时，依据所述定位属性将所述网页的当前屏内容显示在浏览器的可视区内，其中，所述网页包括至少两屏内容，每屏内容设置有定位属性；获取滚动交互事件，判断是否滚动到所述当前屏内容的边缘；当滚动到所述当前屏内容的边缘时，依据所述定位属性跳转到所述当前屏内容的相邻屏内容，在所述可视区中显示所述相邻屏内容；当未滚动到所述当前屏内容的边缘时，滚动显示所述当前屏内容。

【技术特征摘要】
1.一种网页显示方法，其特征在于，包括：在显示网页时，依据所述定位属性将所述网页的当前屏内容显示在浏览器的可视区内，其中，所述网页包括至少两屏内容，每屏内容设置有定位属性；获取滚动交互事件，判断是否滚动到所述当前屏内容的边缘；当滚动到所述当前屏内容的边缘时，依据所述定位属性跳转到所述当前屏内容的相邻屏内容，在所述可视区中显示所述相邻屏内容；当未滚动到所述当前屏内容的边缘时，滚动显示所述当前屏内容。2.根据权利要求1所述的方法，其特征在于，所述屏内容的类型包括第一类型和第二类型；所述第一类型的屏内容设置有第一定位属性；所述第二类型的屏内容设置有第二定位属性，且所述第二类型的屏内容具有附加的页眉和/或页脚。3.根据权利要求2所述的方法，其特征在于，所述各屏内容还设置有堆叠属性，所述堆叠属性用于按照显示顺序排列为各屏内容，其中，首屏内容的堆叠属性的属性值最大，末屏内容的堆叠属性的属性值最小。4.根据权利要求2所述的方法，其特征在于，依据所述定位属性，将所述网页的当前屏内容显示在浏览器的可视区内，包括：所述当前屏内容为第二类型时，依据第二定位属性，将当前屏内容的主内容的长和宽配置为满屏；将附加的页眉设置到所述浏览器的可视区之上，和/或，将附加的页脚设置到所述浏览器的可视区之下；在所述浏览器的可视区内显示所述主内容。5.根据权利要求4所述的方法，其特征在于，判断是否滚动到所述当前屏内容的边缘，包括：当所述屏内容设置有第一定位属性时，确定滚动到所述当前屏内容的边缘；当所述屏内容设置有第二定位属性时，依据展示内容判断是否滚动到当前屏内容的边缘，其中，展示内容为页脚的底部或页眉的顶部时，判断滚动到当前屏内容的边缘。6.根据权利要求2所述的方法，其特征在于，获取滚动交互事件之后，所述的方法还包括：依据所述滚动交互事件确定滚动方向，其中，所述滚动方向包括向上滚动或向下滚动。7.根据权利要求6所述的方法，其特征在于，依据所述定位属性跳转到所述当前屏内容的相邻屏内容，包括：当为向上滚动且当前屏内容为非第一屏内容时，依据所述定位属性跳转到所述当前屏内容的上一屏内容；当为向下滚动且当前屏内容为非最后一屏内容时，依据所述定位属性跳转到所述当前屏内容的下一屏内容。8.根据权利要求6所述的方法，其特征在于，当所述屏内容为第二定位属性时，滚动显示所述当前屏内容，包括：当为向上滚动时，从所述当前屏内容的主内容滚动显示当前屏内容的页眉；当为向下滚动时，从所述当前屏内容的主内容滚动显示当前屏内容的页尾。9.根据权利要求1至8任一所述的方法，其特征在于，还包括：在所述可视区中显示所述相邻屏内容后，在预置时间内获取相同滚动交互事件，不执行滚动操作。10.一种网页显示装置，其特征在于，包...

【专利技术属性】
技术研发人员：李春根，王瑞，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY