网页页面显示方法及装置制造方法及图纸

本发明专利技术实施例提供一种网页页面显示方法及装置，所述方法包括：在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域；接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动；在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。本发明专利技术实施例提高了显示界面的显示效果。

【技术实现步骤摘要】

本专利技术实施例涉及视频
，尤其涉及一种视频输出模式选择方法及设备。
技术介绍
网页(web)页面主要应用于网络、互联网等
，用于显示网络内容，通过浏览器等客户端的显示界面可以实现网页内容的显示。由于网页页面的长度通常大于显示界面的长度，因此网页页面在显示界面的显示时，还可以在显示界面中移动网页页面，例如可以通过鼠标滚动、或者拖拽显示页面的导航栏实现网页页面的移动。由于网页内容的多样化，显示不同类型内容的网页页面通常具有不同的页面结构。在常见的一种页面结构中，网页页面包括两侧分布的第一区域以及第二区域，用于显示不同的网页内容，因此第一区域和第二区域的长度可能并不相同。在网页页面向显示界面上边界移动时，如果第一区域和第二区域中的任一区域，假设第一区域中网页内容很少，为了显示第二区域的网页内容，第一区域就会有大量的空白内容，使得显示界面显示的有效内容减少，影响显示界面的显示效果。
技术实现思路
本专利技术实施例提供一种网页页面显示方法及装置，用以解决现有技术中显示界面显示的有效内容减少，影响显示界面的显示效果的技术问题。本专利技术实施例提供一种网页页面显示方法，包括：在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容；所述显示界面的长度小于所述网页页面的长度；接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。本专利技术实施例提供一种网页页面显示装置，包括：页面输出模块，在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容；所述显示界面的长度小于所述网页页面的长度；页面移动模块，用于接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。本专利技术实施例提供的网页页面显示方法及装置，在网页页面输出至显示界面，并向显示界面的上边界方面移动时，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第
二区域的下边界位于同一水平线，从而可以保证显示界面中不会出现大量的空白内容，使得显示界面显示的均为有效内容，提高了显示界面的显示显示效果。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术网页页面的一种显示示意图；图2为现有技术中网页页面的一种显示示意图；图3为本专利技术网页页面显示方法实施例流程图；图4a～图4j分别为本专利技术网页页面的显示示意图；图5为本专利技术网页页面显示装置实施例流程图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术实施例中的网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容；所述第一区域的长度可以根据其显示的网页内容数量不同而不同，所述第二区域的长度可以为固定长度或者也可以根据其显示的网页内容数量不同而不同；另外，所述显示界面的长度小于所述网页
页面的长度。第一区域的网页内容数量较少时，第一区域的长度较短，第一区域的网页内容数量较多时，第一区域的长度较长。在一个实际应用中，该网页页面例如可以是指网页播放页面，网页播放页面中通常由播放区域、评论区域、内容推广区域、文尾区域等构成，其中，评论区域和内容推广区域布局在网页页面的两侧分布，如图1所示，示出了网页页面的一种结构示意图，网页页面100至少包括第一区域101，也即评论区域；第二区域102，也即内容推广区域；播放区域103以及文尾区域104等。第一区域101和第二区域102两侧分布。由于现有技术，网页页面向显示界面上边界移动时，如果第一区域的中网页内容较少，为了完全显示第二区域的网页内容，第一区域中可能会存在大量的空白内容，使得显示界面显示的有效内容减少，影响显示界面的显示效果。如图1所示，网页页面100输出至显示界面200中显示，如图2所示，即为现有技术中网页页面移动之后的显示界面示意图，第一区域101的网页内容较少，此时显示界面中网页页面的第一区域101所在一侧区域会出现大量的空白内容，如图2中的虚线框所示，这就会影响显示界面的显示效果。为了提高显示界面的显示效果，使得显示界面能够显示更多的有效内容，专利技术人经过一系列的研究，提出本专利技术的技术方案，在本专利技术实施例中，网页页面在显示界面输出，并根据页面向上移动请求，向显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线，从而可以保证显示界面中不会出现大量的空白内容，使得显示界面显示的均为有效内容，提高了显示界面的显示显示效果。下面结合附图对本专利技术技术方案进行详细描述。图3为本专利技术实施例提供的一种网页页面显示方法一个实施例的流程图，该方法可以包括以下几个步骤：301：在显示界面输出网页页面。其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容。所述第一区域的长度可以根据其显示的网页内容数量不同而不同。所述第二区域的长度可以为固定长度，也可以根据其显示的网页内容数量不同而不同；所述显示界面的长度小于所述网页页面的长度，使得显示界面只能显示网页页面的部分网页内容，需要移动网页页面，才能够查看网页页面的其他网页内容。该网页页面在一个实际应用中可以为网页播放页面，可以参见如图1所示的结构示意图。当然，本专利技术所述的网页页面可以是指任意具有两侧分布的第一区域以及第二区域的页面结构的网页页面，并不限定于该网页播放页面。302：接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第本文档来自技高网...

【技术保护点】
一种网页页面显示方法，其特征在于，包括：在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容，所述显示界面的长度小于所述网页页面的长度；接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。

【技术特征摘要】
1.一种网页页面显示方法，其特征在于，包括：在显示界面输出网页页面，其中所述网页页面至少包括两侧分布的第一区域以及第二区域，用于显示不同网页内容，所述显示界面的长度小于所述网页页面的长度；接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动，以显示所述第一区域以及所述第二区域未显示的网页内容；在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示、所述第二区域的网页内容未在显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。2.根据权利要求1所述的方法，其特征在于，所述在网页页面向所述显示界面的上边界方向移动过程中，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，所述方法还包括：继续移动所述第一区域以及所述第二区域；在所述第一区域的下边界到达所述显示界面的下边界且所述第二区域存在未在显示界面显示的网页内容时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线。3.根据权利要求1所述的方法，其特征在于，所述网页页面还包括布局在下边界的第三区域；所述第一区域的下边界与所述第二区域的下边界位于同一水平线之后，所述方法还包括：继续移动所述第一区域、所述第二区域以及所述第三区域，直至所述第
\t三区域的下边界到达所述显示界面的下边界。4.根据权利要求2所述的方法，其特征在于，如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容在所述显示界面全部显示时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线包括：如果所述第一区域的网页内容数量小于第一阈值，且所述第一区域的上边界到达所述显示界面的上边界时，终止移动所述第一区域直至所述第一区域的下边界与所述第二区域的下边界位于同一水平线；所述如果所述第一区域的上边界到达所述显示界面的上边界且所述第一区域的网页内容未在所述显示界面全部显示时，继续移动所述第一区域以及所述第二区域包括：如果所述第一区域的网页内容数量大于第二阈值，所述第一区域的上边界到达所述显示界面的上边界时，继续移动所述第一区域以及所述第二区域。5.根据权利要求1所述的方法，其特征在于，所述接收页面向上移动请求，并根据所述页面向上移动请求，将所述网页页面向所述显示界面的上边界方向移动之后，所述方法还包括：在所述网页页面向所述显示界面的上边界方向移动过程中，如果所述第二区域的上边界到达所述显示界面的上边界且所述第二区域的网页内容在所述显示界面全部显示、所述第一区域的网页内容未在所述显示界面全部显示时，终止移动所述第二区域直至所述第二区域的下边界与所述第一区域的下边界位于同一水平线。6.根据权利要求1～5任一项所述的方法，其特征在于，所述网页页面还包括设置在所述第一区域中预设位置处的导航框，用于接收用户输入内容或者输出提示信息；所述在所述网页页面向所述显示界面的上边界方向移动过程中，所述方法还包括：在所述导航框到达所述显示界面的上边界时，终止移...

【专利技术属性】
技术研发人员：杨凯旋，
申请(专利权)人：乐视网信息技术北京股份有限公司，
类型：发明
国别省市：北京;11