CN111949900B - 显示方法、装置、设备以及存储介质 - Google Patents
显示方法、装置、设备以及存储介质 Download PDFInfo
- Publication number
- CN111949900B CN111949900B CN202010808704.7A CN202010808704A CN111949900B CN 111949900 B CN111949900 B CN 111949900B CN 202010808704 A CN202010808704 A CN 202010808704A CN 111949900 B CN111949900 B CN 111949900B
- Authority
- CN
- China
- Prior art keywords
- display area
- sub
- main body
- display
- content
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 230000003044 adaptive effect Effects 0.000 claims abstract description 19
- 230000015654 memory Effects 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 9
- 230000000694 effects Effects 0.000 abstract description 9
- 238000005096 rolling process Methods 0.000 abstract description 4
- 230000004044 response Effects 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 8
- 230000007246 mechanism Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000000052 comparative effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/954—Navigation, e.g. using categorised browsing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Radar, Positioning & Navigation (AREA)
- Remote Sensing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了显示方法、装置、设备以及存储介质,涉及计算机技术领域,尤其涉及界面显示技术领域。具体实现方案为:在显示设备的目标显示界面中显示第一网页,第一网页包括主体显示区域,主体显示区域自适应于目标显示界面的显示尺寸;主体显示区域包括第一子显示区域,第一子显示区域自适应于主体显示区域的显示尺寸;响应实施于第一子显示区域的滑动操作,滚动显示第一子显示区域对应的容器中的内容,以及,触发显示主体显示区域包含的第二子显示区域,其中,第二子显示区域固定于主体显示区域的预设位置。本申请提高了在网页滚动过程中网页固定位置元素的固定效果。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及界面显示技术领域。
背景技术
在移动设备中因为设备、技术方案等因素,用户在打开网页时,存在以下两种体验不理想的情况(1)不同的***设备下网页元素固定位置体验差异明显,(2)相同***不同版本网页元素固定位置体验差异明显。现有技术中解决上述问题的一种方法是,采用相对于显示界面固定的网页元素,如导航栏。但是这样的方法在部分***版本下,页面滚动过程中采用的固定定位的网页元素会随页面滚动而滚动,当滚动停止后再返回至最初的固定位置。
发明内容
本申请提供了一种显示方法、装置、设备以及存储介质。
根据本申请的一方面,提供了一种显示方法,包括:
在显示设备的目标显示界面中显示第一网页,第一网页包括主体显示区域,主体显示区域自适应于目标显示界面的显示尺寸;主体显示区域包括第一子显示区域,第一子显示区域自适应于主体显示区域的显示尺寸;
响应实施于第一子显示区域的滑动操作,滚动显示第一子显示区域对应的容器中的内容,以及,触发显示主体显示区域包含的第二子显示区域,其中,第二子显示区域固定于主体显示区域的预设位置。
根据本申请的另一方面,提供了一种显示装置,包括:
第一网页显示模块,用于在显示设备的目标显示界面中显示第一网页,第一网页包括主体显示区域,主体显示区域自适应于目标显示界面的显示尺寸;主体显示区域包括第一子显示区域,第一子显示区域自适应于主体显示区域的显示尺寸;
滚动模块,用于响应实施于第一子显示区域的滑动操作,滚动显示第一子显示区域对应的容器中的内容,以及,触发显示主体显示区域包含的第二子显示区域,其中,第二子显示区域固定于主体显示区域的预设位置。
根据本申请的另一方面,提供了一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现如上所述的方法。
根据本申请的技术,提高了在网页滚动过程中网页固定位置元素的固定效果。
应当理解,本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征,也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1是根据本申请实施例的显示方法的流程图一;
图2是根据现有技术网页页面滚动浏览示例图;
图3是根据本申请实施例的显示方法的网页页面滚动浏览示例图一;
图4是根据现有技术和本申请实施例的网页页面滚动浏览对比示例图;
图5是根据本申请实施例的显示方法的流程图二;
图6是根据本申请实施例的显示方法的网页页面滚动浏览示例图二;
图7是根据本申请实施例的显示装置的结构图一;
图8是根据本申请实施例的显示方法的结构图二;
图9是用来实现本申请实施例的显示方法的电子设备的框图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
参见图1,图1给出本申请实施例的显示方法的流程图,该显示方法包括:
S101、在显示设备的目标显示界面中显示第一网页,第一网页包括主体显示区域,主体显示区域自适应于目标显示界面的显示尺寸;主体显示区域包括第一子显示区域,第一子显示区域自适应于主体显示区域的显示尺寸;
S102、响应实施于第一子显示区域的滑动操作,滚动显示第一子显示区域对应的容器中的内容,以及,触发显示主体显示区域包含的第二子显示区域,其中,第二子显示区域固定于主体显示区域的预设位置。
其中,显示设备可以为手机、平板、笔记本电脑、智能佩戴设备、台式电脑和投影仪等。
其中,主体显示区域,用于显示第一网页中的用户可见内容,用户可见内容包括但不限于文字、跳转链接、图像和视频等。
其中,目标显示界面为显示设备分配的用于显示第一网页的显示界面。
由于主体显示区域的尺寸有限,常常只能显示部分用户可见内容,此时需要在主体显示区域中滚动显示网页中的部分用户可见内容。
以一购物网站为例,主体显示区域中显示该购物网站的商品分类导航栏和各分类下的推荐商品。用户通过实施于主体显示区域的滑动操作,实现各类推荐商品在主体显示区域中的滚动显示,以浏览更多商品。与此同时,商品分类导航栏为相对于显示界面固定,即不随主体显示区域滚动,以供用户随时选择对应的商品分类。
参见图2,由于商品分类导航栏为相对于显示界面固定,在主体显示区域的显示内容滚动过程中,不能准确固定商品分类导航栏,会出现随页面滚动,当滚动停止时候回到最初的固定位置。
本申请实施例,主体显示区域自适应目标显示界面的尺寸,第一子显示区域自适应主体显示区域的显示尺寸,即第一子显示区域覆盖了整个主体显示区域。可见,用户的滑动操作作用于第一子显示区域,无法作用于主体显示区域。
参见图3,在用户进行滑动操作的过程中,主体显示区域相对目标显示界面的位置保持固定。相应的,设于主体显示区域上预设位置的第二子显示区域,其位置也相对目标显示界面保持固定。从而,实现网页固定元素在目标显示界面上的固定显示。
参见图4,图4为图2和图3的滚动比对图,从图4中可以看出,本申请实施例的网页元素固定效果更好。
并且,通过将网页中可供用户滚动查看的可见内容设置在第一子显示区域对应的容器中,如上述例子中的各类推荐商品。那么,用户可以通过实施于在第一子显示区域上滑动操作,在第一子显示区域中滚动查看更多网页内容,有利于保证用户对网页内容的浏览需要。
此外,本申请实施例提供的网页显示方案,就可以兼容多设备多操作***的页面滚动时候,提供更优的元素固定位置的体验效果。
在一种实施方式中,步骤S101中,主体显示区域自适应于目标显示界面的显示尺寸,包括:主体显示区域高度自适应于的显示界面的显示高度。
这样处理的好处是,一是给了第一子显示区域元素提供可继承高度。二是为了让主体显示区域的高度等于设备的可见高度。三是为第二子显示区域能够定位到准确的位置提供基础。
此外,主体显示区域自适应于目标显示界面的显示尺寸,还包括:主体显示区域的宽度自适应目标显示界面的显示宽度。
可选地,对于溢出第一主体显示区域的内容,进行隐藏,不提供滚动机制。
在一种实施方式中,步骤S101中,第一子显示区域自适应于主体显示区域的显示尺寸,包括:第一子显示区域高度自适应于主体显示区域的显示高度。
可选地,第一子显示区域自适应于主体显示区域的显示尺寸,还包括:第一子显示区域的宽度自适应主体显示区域的显示宽度。
可选地,对于水平方向溢出第一子显示区域的内容,进行隐藏,不提供滚动机制。
可选地,对于垂直方向溢出第一子显示区域的内容,进行隐藏,提供滚动机制。
可选地,当第一子显示区域对应的容器中的内容超出第一子显示区域时,就可以上下滚动第一子显示区域进行查看。
在一种实施方式中,第一子显示区域和第二子显示区域属于主体显示区域的同级子区域。
在一种实施方式中,参见图5,步骤S102包括:
S501、滚动显示第一子显示区域对应的容器中的内容时,确定容器中的指定内容和第一子显示区域的指定位置的第一距离;
S502、在第一距离在预设范围内的情况下,触发显示主体显示区域包含的第二子显示区域。
该实施方式所呈现的效果为,在用户浏览第一子显示区域对应的容器中的部分内容时,目标显示界面上显示第二子显示区域。例如,当用户浏览至网页中较为靠后的内容时,可以提供第二子显示区域用于显示网页导航栏,以供用户选择返回之前浏览的网页内容。该方式有利于提高用户体验。
可选地,步骤S502中的预设范围为小于或等于零。
在一种实施方式中,参见图5,在上述步骤S102中,还包括:
S503、在第一距离超出预设范围的情况下,隐藏主体显示区域包含的第二子显示区域。
该实施方式所呈现的效果为,在用户浏览第一子显示区域对应的容器中的部分内容时,目标显示界面上隐藏第二子显示区域。例如,当用户初始打开网页时,网页头部内容为活动海报,为了此时该活动海报的美观度,隐藏第二子显示区域。
在一种实施方式中,第二子显示区域中的显示内容包括指定内容。
该实施方式所呈现的效果为,当第一子显示区域对应的容器中的指定内容到达指定位置时,该指定内容固定于目标显示界面上。即实现网页滚动时,设于网页中某一指定内容滚动至指定位置时变为固定显示,丰富网页显示样式。
在一种实施方式中,指定位置位于第一子显示区域的顶部。
将指定位置设在第一子显示区域的顶部,从而,当指定内容滚动至第一子显示区域的顶部时或溢出顶部,触发第二子显示区域的显示。
在一种实施方式中,第二子显示区域所在的预设位置位于主体显示区域的顶部。
将第二子显示区域设置在第一子显示区域的顶部,可以实现如网页中的顶部导航栏、搜索栏等。将网页的固定内容呈现在顶部,比较符合用户使用习惯,提高用户体验。
此外,预设位置还可以选择设置在位于主体显示区域的底部、或者左右两边的位置。
参见图6,图6为结合上述多个实施方式的一网页浏览示例图。(1)用户初始打开网页时,主体显示区域中未呈现第二子显示区域。(2)随着用户的滑动操作,第一子显示区域对应的容器中的内容滚动显示,第一子显示区域上出现指定内容。(3)当指定内容滚动至第一子显示区域顶部时,触发显示第二子显示区域,第二子显示区域显示的内容为指定内容。(4)用户继续滑动,指定内容从第一子显示区域的顶部溢出,保持显示第二子显示区域。
在一种实施方式中,第二子显示区域覆盖于第一子显示区域之上。
通过设置覆盖层级关系,设置第二子显示区域覆盖于第一子显示区域,实现用户在目标显示界面上看到第二子显示区域。
下述为本申请实施例提供的一种示例。本示例可以应用于多种操作***的环境中。例如,苹果移动设备操作***(即IOS***)应用程序网页环境和苹果手机浏览器(即sarfari浏览器),或者安卓***等。
第一网页包括主体元素、容器元素和固定位置元素。
其中,容器元素和固定位置元素为主体元素的直接子元素。
其中,容器元素为MVVM(React、Vue)框架统一页面结构中的应用程序(application,app)元素。MVVM是Model-View-ViewModel的简写,MVVM由视图(View)、视图模型(ViewModel)、模型(Model)三部分组成,通过这三部分实现UI逻辑、呈现逻辑和状态控制、数据与业务逻辑的分离。React是一个声明式,高效且灵活的用于构建用户界面的JavaScript库。Vue是一套用于构建用户界面的渐进式JavaScript框架。JavaScript是一种编程语言。
其中,主体显示区域为主体(body)元素的显示区域,第一子显示区域表示容器元素的显示区域,第二子显示区域为固定位置元素的显示区域。
第一网页中各元素的层叠样式表(Cascading Style Sheets,CSS)规则如下:
1、主体元素:
(1)主体显示区域的高度(height)为100%;
(2)对溢出主体显示区域的内容进行隐藏,不提供滚动机制(即,overflow:hidden)。
2、容器元素:
(1)第一显示区域的高度(height)为100%;
(2)对水平溢出第一子显示区域的内容进行隐藏,不提供滚动机制,(即,overflow-x:hidden),对垂直溢出第一子显示区域的内容进行隐藏,提供滚动机制(即,overflow-y:auto)。
3、固定位置元素:
(1)第二子显示区域的位置为绝对定位(即,position:absolute)。
(2)如果要让固定位置元素固定到页面顶部位置可以设置距离顶部为零,即top:0;如果要滚定到页面底部就设置距离底部为零,bottom:0;如果要固定到任意位置可以通过top或者bottom值来调整。
此外,本示例对网页的解析及渲染技术可以采用:基于W3C标准,对于超文本标记语言(Hyper Text Markup Language,HTML)、超文本5(HTML5)、JS(JavaScript)、层叠样式表(CSS)、图片、文本、音视频和动画等文件格式的解析及渲染。
该示例结合基于网页的主体元素下包括滚动容器元素(如app元素),以及,采用绝对定位的方式来实现页面滚动过程中元素固定位置的效果,可以更直接、更方便、实现成本低,效果更好而且可以兼容所有设备和***。
综上,本申请实施例的网页显示方法,对设备和操作***的兼容性更好,能够提升整体的网页浏览体验。
参见图7,图7为本申请实施例提供的一种显示装置,包括:
第一网页显示模块701,用于在显示设备的目标显示界面中显示第一网页,第一网页包括主体显示区域,主体显示区域自适应于目标显示界面的显示尺寸;主体显示区域包括第一子显示区域,第一子显示区域自适应于主体显示区域的显示尺寸;
滚动模块702,用于响应实施于第一子显示区域的滑动操作,滚动显示第一子显示区域对应的容器中的内容;以及触发显示主体显示区域包含的第二子显示区域,其中,第二子显示区域固定于主体显示区域的预设位置。
在一种实施方式中,参见图8,滚动模块702,包括:
距离确定子模块801,用于在滚动显示第一子显示区域对应的容器中的内容时,确定容器中的指定内容和第一子显示区域的指定位置的第一距离;
第二子显示区域显示子模块802,用于在第一距离在预设范围内的情况下,触发显示主体显示区域包含的第二子显示区域。
在一种实施方式中,滚动模块702还包括:
第二子显示区域隐藏子模块803,用于在第一距离超出预设范围的情况下,隐藏主体显示区域包含的第二子显示区域。
在一种实施方式中,第二子显示区域中的显示内容包括指定内容。
在一种实施方式中,指定位置位于第一子显示区域的顶部。
在一种实施方式中,预设位置位于主体显示区域的顶部。
在一种实施方式中,第二子显示区域覆盖于第一子显示区域之上。
根据本申请的实施例,本申请还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
如图9所示,是根据本申请实施例的显示方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图9所示,该电子设备包括:一个或多个处理器901、存储器902,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器***)。图9中以一个处理器901为例。
存储器902即为本申请所提供的非瞬时计算机可读存储介质。其中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至少一个处理器执行本申请所提供的显示方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的显示方法。
存储器902作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例中的显示方法对应的程序指令/模块(例如,附图7所示的第一网页显示模块701和滚动模块702)。处理器901通过运行存储在存储器902中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的显示方法。
存储器902可以包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需要的应用程序;存储数据区可存储根据显示电子设备的使用所创建的数据等。此外,存储器902可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器902可选包括相对于处理器901远程设置的存储器,这些远程存储器可以通过网络连接至显示电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
显示方法的电子设备还可以包括:输入装置903和输出装置904。处理器901、存储器902、输入装置903和输出装置904可以通过总线或者其他方式连接,图9中以通过总线连接为例。
输入装置903可接收输入的数字或字符信息,以及产生与显示方法的电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置904可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。
此处描述的***和技术的各种实施方式可以在数字电子电路***、集成电路***、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程***上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储***、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储***、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互,可以在计算机上实施此处描述的***和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的***和技术实施在包括后台部件的计算***(例如,作为数据服务器)、或者包括中间件部件的计算***(例如,应用服务器)、或者包括前端部件的计算***(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的***和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算***中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将***的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机***可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与虚拟专用服务器(VPS)服务中,存在的管理难度大,业务扩展性弱的缺陷。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。
Claims (15)
1.一种显示方法,包括:
在显示设备的目标显示界面中显示第一网页,所述第一网页包括主体显示区域,所述主体显示区域自适应于所述目标显示界面的显示尺寸;所述主体显示区域包括第一子显示区域,所述第一子显示区域自适应于所述主体显示区域的显示尺寸;
响应实施于第一子显示区域的滑动操作,滚动显示所述第一子显示区域对应的容器中的内容,以及,触发显示所述主体显示区域包含的第二子显示区域,其中,所述第二子显示区域固定于所述主体显示区域的预设位置;
其中,所述触发显示所述主体显示区域包含的第二子显示区域,包括:
在所述滚动显示所述第一子显示区域对应的容器中的内容时,确定所述容器中的指定内容和所述主体显示区域的指定位置的第一距离;
在所述第一距离在预设范围内的情况下,触发显示所述主体显示区域包含的第二子显示区域。
2.根据权利要求1所述的方法,还包括:
在所述第一距离超出预设范围的情况下,隐藏所述主体显示区域包含的第二子显示区域。
3.根据权利要求1所述的方法,其中,
所述第二子显示区域中的显示内容包括所述指定内容。
4.根据权利要求1所述的方法,其中,
所述指定位置位于所述主体显示区域的顶部。
5.根据权利要求1至4任一项所述的方法,其中,
所述预设位置位于所述主体显示区域的顶部。
6.根据权利要求1至4任一项所述的方法,其中,所述第二子显示区域覆盖于所述第一子显示区域之上。
7.一种显示装置,包括:
第一网页显示模块,用于在显示设备的目标显示界面中显示第一网页,所述第一网页包括主体显示区域,所述主体显示区域自适应于所述目标显示界面的显示尺寸;所述主体显示区域包括第一子显示区域,所述第一子显示区域自适应于所述主体显示区域的显示尺寸;
滚动模块,用于响应实施于第一子显示区域的滑动操作,滚动显示所述第一子显示区域对应的容器中的内容,以及,触发显示所述主体显示区域包含的第二子显示区域,其中,所述第二子显示区域固定于所述主体显示区域的预设位置;
其中,
所述滚动模块,包括:
距离确定子模块,用于在所述滚动显示所述第一子显示区域对应的容器中的内容时,确定所述容器中的指定内容和所述主体显示区域的指定位置的第一距离;
第二子显示区域显示子模块,用于在所述第一距离在预设范围内的情况下,触发显示所述主体显示区域包含的第二子显示区域。
8.根据权利要求7所述的装置,所述滚动模块还包括:
第二子显示区域隐藏子模块,用于在所述第一距离超出预设范围的情况下,隐藏所述主体显示区域包含的第二子显示区域。
9.根据权利要求7所述的装置,其中,
所述第二子显示区域中的显示内容包括所述指定内容。
10.根据权利要求7所述的装置,其中,
所述指定位置位于所述主体显示区域的顶部。
11.根据权利要求7至10任一项所述的装置,其中,
所述预设位置位于所述主体显示区域的顶部。
12.根据权利要求7至10任一项所述的装置,其中,所述第二子显示区域覆盖于所述第一子显示区域之上。
13.一种电子设备,其特征在于,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-6中任一项所述的方法。
14.一种存储有计算机指令的非瞬时计算机可读存储介质,其特征在于,所述计算机指令用于使所述计算机执行权利要求1-6中任一项所述的方法。
15.一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-6中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010808704.7A CN111949900B (zh) | 2020-08-12 | 2020-08-12 | 显示方法、装置、设备以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010808704.7A CN111949900B (zh) | 2020-08-12 | 2020-08-12 | 显示方法、装置、设备以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111949900A CN111949900A (zh) | 2020-11-17 |
CN111949900B true CN111949900B (zh) | 2024-05-17 |
Family
ID=73333028
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010808704.7A Active CN111949900B (zh) | 2020-08-12 | 2020-08-12 | 显示方法、装置、设备以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111949900B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113262474A (zh) * | 2021-06-04 | 2021-08-17 | 网易(杭州)网络有限公司 | 游戏中的显示控制方法、装置和电子设备 |
CN113703657A (zh) * | 2021-08-26 | 2021-11-26 | 北京房江湖科技有限公司 | 元素固定显示的控制方法、装置、存储介质及电子设备 |
CN114489901B (zh) * | 2022-01-25 | 2024-07-02 | 北京百度网讯科技有限公司 | 计时进度显示方法、装置、设备以及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107066174A (zh) * | 2017-04-13 | 2017-08-18 | 广州神马移动信息科技有限公司 | 浮层显示方法、装置及用户终端 |
WO2019080065A1 (zh) * | 2017-10-26 | 2019-05-02 | 华为技术有限公司 | 一种显示方法及装置 |
CN111414112A (zh) * | 2020-03-05 | 2020-07-14 | 联想(北京)有限公司 | 一种信息显示方法、装置和电子设备 |
CN111435277A (zh) * | 2019-01-15 | 2020-07-21 | Oppo广东移动通信有限公司 | 显示内容的方法、装置、终端及存储介质 |
-
2020
- 2020-08-12 CN CN202010808704.7A patent/CN111949900B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107066174A (zh) * | 2017-04-13 | 2017-08-18 | 广州神马移动信息科技有限公司 | 浮层显示方法、装置及用户终端 |
WO2019080065A1 (zh) * | 2017-10-26 | 2019-05-02 | 华为技术有限公司 | 一种显示方法及装置 |
CN111435277A (zh) * | 2019-01-15 | 2020-07-21 | Oppo广东移动通信有限公司 | 显示内容的方法、装置、终端及存储介质 |
CN111414112A (zh) * | 2020-03-05 | 2020-07-14 | 联想(北京)有限公司 | 一种信息显示方法、装置和电子设备 |
Non-Patent Citations (1)
Title |
---|
一种服务于Android移动设备的自适应滚屏技术;毛昊;;软件;20180315(03);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN111949900A (zh) | 2020-11-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111949900B (zh) | 显示方法、装置、设备以及存储介质 | |
US8448074B2 (en) | Method and apparatus for providing portioned web pages in a graphical user interface | |
US8881055B1 (en) | HTML pop-up control | |
US9489121B2 (en) | Optimal display and zoom of objects and text in a document | |
CN106156066B (zh) | 一种页面切换方法、装置及客户端 | |
US10878175B2 (en) | Portlet display on portable computing devices | |
US20150363366A1 (en) | Optimized document views for mobile device interfaces | |
CN108255923B (zh) | 图像展示方法、设备及电子设备 | |
US8949707B2 (en) | Adaptive document displaying apparatus and method | |
EP3044658B1 (en) | Scroll end effects for websites and content | |
US8504915B2 (en) | Optimizations for hybrid word processing and graphical content authoring | |
US20160026609A1 (en) | Appending New Content to Open Content | |
CN110647272A (zh) | 一种显示控制方法及装置 | |
US20160231894A1 (en) | Parallax Discrete Page Scrolling | |
US9367223B2 (en) | Using a scroll bar in a multiple panel user interface | |
US20170249076A1 (en) | User interfaces for presenting content items to users | |
CN111159547A (zh) | 一种信息展示方法及装置、电子设备、计算机存储介质 | |
US11295708B2 (en) | Two-dimensional indication in contents | |
EP3005083B1 (en) | Input object configured to route input for a visual element to a graphic framework | |
WO2016107871A1 (en) | Adaptive method for device independent web page presentation | |
CN115309319B (zh) | 一种图片预览方法、装置、电子设备及存储介质 | |
WO2014200549A1 (en) | Input processing based on input context | |
CN115203437A (zh) | 实体关系图的展示方法、装置、设备及存储介质 | |
CN111949868A (zh) | 内容访问方法、装置、电子设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |