CN106844749A - 一种页面显示方法及装置 - Google Patents

一种页面显示方法及装置 Download PDF

Info

Publication number
CN106844749A
CN106844749A CN201710083744.8A CN201710083744A CN106844749A CN 106844749 A CN106844749 A CN 106844749A CN 201710083744 A CN201710083744 A CN 201710083744A CN 106844749 A CN106844749 A CN 106844749A
Authority
CN
China
Prior art keywords
scroll bar
browser window
page
area
width
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.)
Pending
Application number
CN201710083744.8A
Other languages
English (en)
Inventor
马玄玄
颜秉珩
张冬阳
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhengzhou Yunhai Information Technology Co Ltd
Original Assignee
Zhengzhou Yunhai Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Zhengzhou Yunhai Information Technology Co Ltd filed Critical Zhengzhou Yunhai Information Technology Co Ltd
Priority to CN201710083744.8A priority Critical patent/CN106844749A/zh
Publication of CN106844749A publication Critical patent/CN106844749A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种页面显示方法及装置,所述方法包括:在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。通过本发明,能够在浏览器滚动条出现时,使得当前页面内容不会向左跳动,提升了用户体验。

Description

一种页面显示方法及装置
技术领域
本发明涉及互联网技术领域,尤其涉及一种页面显示方法及装置。
背景技术
在浏览器/服务器(Browser/Server,简称B/S)架构下,用户通常会利用浏览器向服务器请求加载页面。在页面加载的开始,页面高度比较低,不会出现滚动条,而随着加载数据的增加,页面的高度会增高;当页面高度大于浏览器窗口的高度时,浏览器窗口右侧会出现一个滚动条,用户拖动滚动条可以浏览未显示的页面内容。
对于页面中需要居中显示的主体内容,现有技术将所述主体内容居中显示在浏览器窗口的可显示区域内。具体地,参见图1所示的页面显示示意图,在浏览器窗口右侧出现滚动条之前,所述主体内容(阴影部分)显示在浏览器窗口中间;在浏览器窗口右侧出现滚动条的时刻,所述主体内容会向左侧跳一下,此时,所述主体内容位于滚动条左侧的浏览器窗口区域的中间,即图中虚线之间为所述主体内容的显示位置。但是,当滚动条出现时,所述主体内容会出现跳动的情况,这会影响用户对浏览器的使用体验。
发明内容
本发明实施例的主要目的在于提供一种页面显示方法及装置,能够在浏览器滚动条出现时,当前页面内容不会向左跳动,提升了用户体验。
本发明实施例提供了一种页面显示方法,包括:
在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;
在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。
可选的,所述方法还包括:
确定所述浏览器窗口的宽度;
则,所述在出现所述右侧滚动条的同时,所述控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间,包括:
若所述浏览器窗口的宽度大于预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间。
可选的,所述方法还包括:
若所述浏览器窗口的宽度小于或等于所述预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容居中显示在所述滑动区域左侧的区域内。
可选的,所述控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间,包括:
在所述浏览器窗口中标记所述左侧空闲区域;
控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与被标记出的所述左侧空闲区域之间。
可选的,所述控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间,包括:
根据所述浏览器窗口的宽度,控制所述目标页面的主体内容局中显示在所述浏览器窗口的区域内。
本发明实施例还提供了一种页面显示装置,包括:
滚动条检测单元,用于在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;
页面居中显示单元,用于在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。
可选的,所述装置还包括:
窗口宽度确定单元,用于确定所述浏览器窗口的宽度;
则,所述页面居中显示单元,具体用于若所述浏览器窗口的宽度大于预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间。
可选的,所述装置还包括:
页面局左显示单元,用于若所述浏览器窗口的宽度小于或等于所述预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容居中显示在所述滑动区域左侧的区域内。
可选的,所述页面居中显示单元包括:
空闲区域标记子单元,用于在所述浏览器窗口中标记所述左侧空闲区域;
页面居中显示子单元,用于控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与被标记出的所述左侧空闲区域之间。
可选的,所述页面居中显示单元,具体用于在出现所述右侧滚动条的同时,根据所述浏览器窗口的宽度,控制所述目标页面的主体内容局中显示在所述浏览器窗口的区域内。
本发明实施例提供的一种页面展示方法及装置,在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。可见,在滚动条出现之前,所述主体内容居中于浏览器窗口的中间位置,出现所述右侧滚动条时,所述主体内容局中于右侧滚动条的滑动区域与左侧空闲区域之间,实际上还是居中于浏览器窗口的中间位置,因此,所述右侧滚动条出现前后,所述主体内容的位置不变,避免了现有技术在浏览器滚动条出现时页面向左跳动的情况,提升了用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为现有技术中页面显示示意图;
图2为本发明实施例提供的一种页面显示方法的流程示意图;
图3为本发明实施例提供的一种页面显示示意图;
图4为本发明实施例提供的另一种页面显示示意图;
图5为本发明实施例提供的另一种页面显示方法的流程示意图;
图6为本发明实施例提供的一种页面显示装置的组成示意图;
图7为本发明实施例提供的另一种页面显示装置的组成示意图;
图8为本发明实施例提供的另一种页面显示装置的组成示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
对于当前页面中需要居中显示的主体内容,在现有技术中,当浏览器窗口出现滚动条之前,使所述主体内容显示在浏览器窗口的中间位置,当出现滚动条时,使所述主体内容显示在滚动条滑动区域以外的窗口区域中间,因此,随着滚动条的出现,所述主体内容将向左移动半个滚动条的宽度,用户感觉所述主体内容向左跳动了一下。而本发明实施例提供的一种页面显示方法,通过限制所述主体内容的可显示区域范围,在滚动条出现前后使所述主体内容的显示位置保持不变,避免了所述主体内容向左跳动的情况,提升了用户体验。
实施例一
参见图2,为本发明实施例提供的一种页面显示方法的流程示意图,该方法包括以下步骤:
S201:在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现。
用户在浏览网页时,通常会利用浏览器加载一个页面,为便于描述,本实施例将当前被加载的页面称为目标页面。
浏览器在加载目标页面的过程中,当目标页面的页面高度低于或等于浏览器窗口的高度时,控制目标页面的主体内容居中显示在浏览器窗口的区域内。随着目标页面内容的不断加载,当目标页面的页面高度高于浏览器窗口的高度时,浏览器右侧将出现一个滚动条,此时,可以通过步骤S202限制所述主体内容的可显示区域范围,来保证所述主体内容的显示位置保持不变,避免所述主体内容发生跳动。
需要说明的是,本实施例不限制所述主体内容所涉及的网页内容,比如,对于上网主页“hao123”,该网页的主体内容可以是除左侧浮动图标以外的全部页面内容,也可以是包括浮动图标在内的全部页面内容,又比如,对于淘宝主页,该网页的主体内容可以是淘宝主页的全部页面内容。
S202:在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。
需要说明的是,本实施例不限制所述左侧空闲区域的颜色,例如,所述左侧空闲区域的颜色可以与所述主体内容两侧空闲区域的颜色相同,比如白色,所述左侧空闲区域的颜色也可以与所述右侧滚动条的颜色相同,比如蓝色。
在步骤S202中,限制了所述主体内容的可显示区域范围,即,该可显示区域范围是右侧滚动条的滑动区域与左侧空闲区域之间的可视区域,并使所述主体内容居中显示在该可显示区域范围内。具体地,步骤S202可以采用以下两种实施方式之一实现。
在一种实施方式中,骤S202中的“控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间”,可以包括步骤A1-A2:
A1:在所述浏览器窗口中标记所述左侧空闲区域。
参见图3所示的一种页面显示示意图,在浏览器左侧标记出一个与右侧滚动条相同宽度的区域。
A2:控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与被标记出的所述左侧空闲区域之间。
将右侧滚动条的滑动区域与左侧空闲区域之间的可视区域作为所述主体内容的可显示区域,并将所述主体内容在宽度上居中显示在该可显示区域内。
本实施例可以设置一个计算公式K=L-2a,其中,K为所述主体内容的可显示区域的宽度,即所述右侧滚动条的滑动区域与所述左侧空闲区域之间的可视区域的宽度,L为所述浏览器窗口的宽度,a为所述右侧滚动条的宽度。采用该公式可以计算出宽度K,从而可以使所述主体内容显示在宽度K的中间位置。
另外,该公式也适用于滚动条出现之前,即,在没有出现滚动条时,a=0,则K=L,说明所述主体内容的可显示区域为浏览器窗口的整个区域。
可见,通过上述实施方式,在出现滚动条时,将主体内容的显示区域固定为右侧滚动条与左侧空闲条之间的区域,这样,可以在滚动条出现前后,所述主体内容不会如现有技术那样向左跳动,而始终均显示在浏览器窗口的中间位置。
在另一种实施方式中,步骤S202中的“控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间”,可以包括步骤B1:
B1:根据所述浏览器窗口的宽度,控制所述目标页面的主体内容局中显示在所述浏览器窗口的区域内。
在这种实施方式中,参见图4所示的另一种页面显示示意图,可以以所述浏览器窗口的可视区域为基准,将所述浏览器窗口的可视区域作为所述主体内容的可显示区域,并将所述主体内容显示在该可显示区域的中间位置。这种方式达到了上述第一种实施方式的相同效果,也就是说,虽然没有如第一种实施方式那样,在浏览器窗口内标记所述左侧空闲区域,但在滚动条出现时,间接地在浏览器窗口内预留出了所述左侧空闲区域。
本实施例可以设置一个计算公式K=L,其中,K为所述主体内容的可显示区域的宽度,L为所述浏览器窗口的宽度。采用该公式可以计算出宽度K,从而可以使所述主体内容显示在宽度K的中间位置。
可见,通过上述实施方式,由于将所述主体内容的可显示区域固定为浏览器窗口的可视区域,这样,可以在滚动条出现前后,所述主体内容不会如现有技术那样向左跳动,而始终显示在浏览器窗口的中间位置。
在某些情况下,浏览器窗口可能会比较小,比如显示设备屏幕较小的情况下,此时,如果通过上述实施例一那样在浏览器窗口左侧预留出所述左侧空闲区域,所述主体内容左侧的非页面显示区域看起来会明显多于所述主体内容右侧的非页面显示区域,这将会影响用户的视觉效果。采用以下实施例二可解决上述问题。
实施例二
参见图5,为本发明实施例提供的另一种页面显示方法的流程示意图,该方法包括以下步骤:
S501:确定所述浏览器窗口的宽度。
在本实施例中,用户在打开浏览器后,比如浏览器窗口处于最大化时,可以计算浏览器窗口的可视区域的宽度大小。
S502:在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现。
S503:若所述浏览器窗口的宽度大于预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间。
其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。
在本实施例中,可以预设一个宽度值,即所述预设宽度,判断浏览器窗口的可视宽度是否大于所述预设宽度,如果是,说明浏览器窗口的可视宽度足够大,则执行S503,如果否,说明浏览器窗口的可视宽度较小,则执行S504。
S504:若所述浏览器窗口的宽度小于或等于所述预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容居中显示在所述滑动区域左侧的区域内。
当显示设备屏幕较小,导致浏览器窗口的宽度始终小于或等于所述预设宽度的情况,可以如现有技术那样,在出现所述右侧滚动条的同时,使所述主体内容向左跳动1/2滚动条的宽度。
当用户操作浏览器窗口,比如拖拽浏览器窗口左边界和/或右边界,导致浏览器窗口的宽度小于或等于所述预设宽度的情况,可以在检测到浏览器窗口的宽度小于或等于所述预设宽度时,使所述主体内容向左跳动1/2滚动条的宽度。
采用上述这方式,虽然出现了向左跳动的情况,但可以保证用户使用浏览器时的视觉效果。
本发明实施例提供的一种页面展示方法,在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。可见,在滚动条出现之前,所述主体内容居中于浏览器窗口的中间位置,出现所述右侧滚动条时,所述主体内容局中于右侧滚动条的滑动区域与左侧空闲区域之间,实际上还是居中于浏览器窗口的中间位置,因此,所述右侧滚动条出现前后,所述主体内容的位置不变,避免了现有技术在浏览器滚动条出现时页面向左跳动的情况,提升了用户体验。
另外,对于页面高度固定的网页,除了采用上述页面的显示方式外,本实施例还可以采用下述方式显示页面:
首先确定页面的固定显示高度;对于页面高度小于或等于浏览器窗口高度的目标页面,使浏览器窗口不显示滚动条,并控制目标页面的主体内容始终居中显示在浏览器窗口的可视区域内;对于页面高度大于浏览器窗口高度的目标页面,使浏览器窗口右侧自始至终显示滚动条,并控制目标页面的主体内容始终居中显示在右侧滚动条左侧的可视区域内。
参见图6,为本发明实施例提供的一种页面显示装置的组成示意图,该装置600包括:
滚动条检测单元601,用于在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;
页面居中显示单元602,用于在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。
其中,所述页面居中显示单元602可以包括:
空闲区域标记子单元,用于在所述浏览器窗口中标记所述左侧空闲区域;
页面居中显示子单元,用于控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与被标记出的所述左侧空闲区域之间。
或者,所述页面居中显示单元602,可以具体用于在出现所述右侧滚动条的同时,根据所述浏览器窗口的宽度,控制所述目标页面的主体内容局中显示在所述浏览器窗口的区域内。
参见图7,为本发明实施例提供的另一种页面显示装置的组成示意图,该装置700包括:
窗口宽度确定单元702,用于确定所述浏览器窗口的宽度;
滚动条检测单元702,用于在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;
页面居中显示单元703,用于若所述浏览器窗口的宽度大于预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间。
页面局左显示单元704,用于若所述浏览器窗口的宽度小于或等于所述预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容居中显示在所述滑动区域左侧的区域内。
其中,所述页面居中显示单元703可以包括:
空闲区域标记子单元,用于在所述浏览器窗口中标记所述左侧空闲区域;
页面居中显示子单元,用于控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与被标记出的所述左侧空闲区域之间。
或者,所述页面居中显示单元703,可以具体用于在出现所述右侧滚动条的同时,根据所述浏览器窗口的宽度,控制所述目标页面的主体内容局中显示在所述浏览器窗口的区域内。
参阅图8,图8为本发明实施例提供的另一种页面显示装置的组成示意图,所述电缆调制解调器800包括存储器801和接收器802,以及分别与所述存储器801和所述接收器802连接的处理器803,所述存储器801用于存储一组程序指令,所述处理器803用于调用所述存储器801存储的程序指令执行如下操作:
在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;
在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。
可选地,所述处理器803可以为中央处理器(Central Processing Unit,CPU),所述存储器801可以为随机存取存储器(Random Access Memory,RAM)类型的内部存储器,所述接收器802可以包含普通物理接口,所述物理接口可以为以太(Ethernet)接口或异步传输模式(Asynchronous Transfer Mode,ATM)接口。所述处理器803、接收器802和存储器801可以集成为一个或多个独立的电路或硬件,如:专用集成电路(Application SpecificIntegrated Circuit,ASIC)。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到上述实施例方法中的全部或部分步骤可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者诸如媒体网关等网络通信设备,等等)执行本发明各个实施例或者实施例的某些部分所述的方法。
需要说明的是,本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
还需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种页面显示方法,其特征在于,包括:
在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;
在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
确定所述浏览器窗口的宽度;
则,所述在出现所述右侧滚动条的同时,所述控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间,包括:
若所述浏览器窗口的宽度大于预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
若所述浏览器窗口的宽度小于或等于所述预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容居中显示在所述滑动区域左侧的区域内。
4.根据权利要求1至3任一项所述的方法,其特征在于,所述控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间,包括:
在所述浏览器窗口中标记所述左侧空闲区域;
控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与被标记出的所述左侧空闲区域之间。
5.根据权利要求1至3任一项所述的方法,其特征在于,所述控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间,包括:
根据所述浏览器窗口的宽度,控制所述目标页面的主体内容局中显示在所述浏览器窗口的区域内。
6.一种页面显示装置,其特征在于,包括:
滚动条检测单元,用于在利用浏览器加载目标页面的过程中,检测浏览器窗口的右侧滚动条是否出现;
页面居中显示单元,用于在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间;其中,所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
窗口宽度确定单元,用于确定所述浏览器窗口的宽度;
则,所述页面居中显示单元,具体用于若所述浏览器窗口的宽度大于预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间。
8.根据权利要求7所述的装置,其特征在于,所述装置还包括:
页面局左显示单元,用于若所述浏览器窗口的宽度小于或等于所述预设宽度,则在出现所述右侧滚动条的同时,控制所述目标页面的主体内容居中显示在所述滑动区域左侧的区域内。
9.根据权利要求6至8任一项所述的装置,其特征在于,所述页面居中显示单元包括:
空闲区域标记子单元,用于在所述浏览器窗口中标记所述左侧空闲区域;
页面居中显示子单元,用于控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与被标记出的所述左侧空闲区域之间。
10.根据权利要求6至8任一项所述的装置,其特征在于,所述页面居中显示单元,具体用于在出现所述右侧滚动条的同时,根据所述浏览器窗口的宽度,控制所述目标页面的主体内容局中显示在所述浏览器窗口的区域内。
CN201710083744.8A 2017-02-16 2017-02-16 一种页面显示方法及装置 Pending CN106844749A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710083744.8A CN106844749A (zh) 2017-02-16 2017-02-16 一种页面显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710083744.8A CN106844749A (zh) 2017-02-16 2017-02-16 一种页面显示方法及装置

Publications (1)

Publication Number Publication Date
CN106844749A true CN106844749A (zh) 2017-06-13

Family

ID=59127544

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710083744.8A Pending CN106844749A (zh) 2017-02-16 2017-02-16 一种页面显示方法及装置

Country Status (1)

Country Link
CN (1) CN106844749A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108762619A (zh) * 2018-06-08 2018-11-06 Oppo广东移动通信有限公司 浮标显示方法、装置、终端及存储介质
WO2022257973A1 (zh) * 2021-06-11 2022-12-15 北京沃东天骏信息技术有限公司 页面显示方法及装置、设备、存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5506951A (en) * 1994-03-01 1996-04-09 Ishikawa; Hiroshi Scroll bar with jump tags
CN102117290A (zh) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 一种展现网页中页面元素的方法及系统
US20140026104A1 (en) * 2012-07-17 2014-01-23 Canon Kabushiki Kaisha Display control device, display control method, and program
CN106201505A (zh) * 2016-07-07 2016-12-07 北京京东尚科信息技术有限公司 一种页面的显示方法和装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5506951A (en) * 1994-03-01 1996-04-09 Ishikawa; Hiroshi Scroll bar with jump tags
CN102117290A (zh) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 一种展现网页中页面元素的方法及系统
US20140026104A1 (en) * 2012-07-17 2014-01-23 Canon Kabushiki Kaisha Display control device, display control method, and program
CN106201505A (zh) * 2016-07-07 2016-12-07 北京京东尚科信息技术有限公司 一种页面的显示方法和装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
张鑫旭: "小tip:CSS vw让overflow:auto页面滚动条出现时不跳动", 《HTTPS://WWW.ZHANGXINXU.COM/WORDPRESS/2015/01/CSS-PAGE-SCROLLBAR-TOGGLE-CENTER-NO-JUMPING/》 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108762619A (zh) * 2018-06-08 2018-11-06 Oppo广东移动通信有限公司 浮标显示方法、装置、终端及存储介质
WO2022257973A1 (zh) * 2021-06-11 2022-12-15 北京沃东天骏信息技术有限公司 页面显示方法及装置、设备、存储介质

Similar Documents

Publication Publication Date Title
CN103853417B (zh) 网络动态图片的滚动分页显示方法和装置
JP5722020B2 (ja) 通信端末機におけるブックマークサービス提供方法及び装置
US10366147B2 (en) Techniques for programmatic magnification of visible content elements of markup language documents
US10339209B2 (en) Webpage display method and device
CN102866993B (zh) 页面数据加载方法、及电子设备
CN107066174A (zh) 浮层显示方法、装置及用户终端
CN107807764A (zh) 一种页面展示方法及客户端
US20150205454A1 (en) Systems and methods for displaying preview data
WO2012149229A2 (en) Multi-input gestures in hierarchical regions
CN104937530A (zh) 用于二维文档浏览的方法和装置
CN106844749A (zh) 一种页面显示方法及装置
CN107622792A (zh) 一种医学图像显示方法及显示设备
CN105745614A (zh) 用于移动终端中的滚动控制的方法和设备
CN109165368A (zh) 网页生成方法、装置及电子设备
CN113434138B (zh) 信息显示方法、装置和电子设备
CN106325873A (zh) 多窗口页面显示处理方法及装置
CN106126075A (zh) 控制浮标显示的方法及装置
CN106372137A (zh) 多窗口页面显示处理方法及装置
CN107479795A (zh) 滚动处理方法、装置及电子设备
CN104267886B (zh) 浏览器页面的展现方法及装置
CN106445274A (zh) 多窗口页面显示处理方法及装置
CN110110260A (zh) 一种页面渲染方法、装置及电子设备
CN108021323A (zh) 界面操作处理方法、装置、电子设备及存储介质
CN103577167B (zh) 实现动画显示页面标签的方法和装置
CN107770274A (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
RJ01 Rejection of invention patent application after publication

Application publication date: 20170613

RJ01 Rejection of invention patent application after publication