[发明专利]一种页面显示方法及装置

说明书

技术领域

本发明涉及互联网技术领域，尤其涉及一种页面显示方法及装置。

背景技术

在浏览器/服务器(Browser/Server，简称B/S)架构下，用户通常会利用浏览器向服务器请求加载页面。在页面加载的开始，页面高度比较低，不会出现滚动条，而随着加载数据的增加，页面的高度会增高；当页面高度大于浏览器窗口的高度时，浏览器窗口右侧会出现一个滚动条，用户拖动滚动条可以浏览未显示的页面内容。

对于页面中需要居中显示的主体内容，现有技术将所述主体内容居中显示在浏览器窗口的可显示区域内。具体地，参见图1所示的页面显示示意图，在浏览器窗口右侧出现滚动条之前，所述主体内容(阴影部分)显示在浏览器窗口中间；在浏览器窗口右侧出现滚动条的时刻，所述主体内容会向左侧跳一下，此时，所述主体内容位于滚动条左侧的浏览器窗口区域的中间，即图中虚线之间为所述主体内容的显示位置。但是，当滚动条出现时，所述主体内容会出现跳动的情况，这会影响用户对浏览器的使用体验。

发明内容

本发明实施例的主要目的在于提供一种页面显示方法及装置，能够在浏览器滚动条出现时，当前页面内容不会向左跳动，提升了用户体验。

本发明实施例提供了一种页面显示方法，包括：

在利用浏览器加载目标页面的过程中，检测浏览器窗口的右侧滚动条是否出现；

在出现所述右侧滚动条的同时，控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间；其中，所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。

可选的，所述方法还包括：

确定所述浏览器窗口的宽度；

则，所述在出现所述右侧滚动条的同时，所述控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间，包括：

若所述浏览器窗口的宽度大于预设宽度，则在出现所述右侧滚动条的同时，控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间。

可选的，所述方法还包括：

若所述浏览器窗口的宽度小于或等于所述预设宽度，则在出现所述右侧滚动条的同时，控制所述目标页面的主体内容居中显示在所述滑动区域左侧的区域内。

可选的，所述控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间，包括：

在所述浏览器窗口中标记所述左侧空闲区域；

控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与被标记出的所述左侧空闲区域之间。

可选的，所述控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间，包括：

根据所述浏览器窗口的宽度，控制所述目标页面的主体内容局中显示在所述浏览器窗口的区域内。

本发明实施例还提供了一种页面显示装置，包括：

滚动条检测单元，用于在利用浏览器加载目标页面的过程中，检测浏览器窗口的右侧滚动条是否出现；

页面居中显示单元，用于在出现所述右侧滚动条的同时，控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间；其中，所述左侧空闲区域是位于所述浏览器窗口最左侧的、与所述右侧滚动条的滑动区域相同大小的区域。

可选的，所述装置还包括：

窗口宽度确定单元，用于确定所述浏览器窗口的宽度；

则，所述页面居中显示单元，具体用于若所述浏览器窗口的宽度大于预设宽度，则在出现所述右侧滚动条的同时，控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与左侧空闲区域之间。

可选的，所述装置还包括：

页面局左显示单元，用于若所述浏览器窗口的宽度小于或等于所述预设宽度，则在出现所述右侧滚动条的同时，控制所述目标页面的主体内容居中显示在所述滑动区域左侧的区域内。

可选的，所述页面居中显示单元包括：

空闲区域标记子单元，用于在所述浏览器窗口中标记所述左侧空闲区域；

页面居中显示子单元，用于控制所述目标页面的主体内容局中显示在所述右侧滚动条的滑动区域与被标记出的所述左侧空闲区域之间。

可选的，所述页面居中显示单元，具体用于在出现所述右侧滚动条的同时，根据所述浏览器窗口的宽度，控制所述目标页面的主体内容局中显示在所述浏览器窗口的区域内。