[發明專利]一種頁面顯示方法及裝置

在審

• 申請號: 201710083744.8
• 申請日: 2017-02-16
• 公開（公告）號: CN106844749A
• 公開（公告）日: 2017-06-13
• 發明（設計）人: 馬玄玄;顏秉珩;張冬陽
• 申請（專利權）人: 鄭州云海信息技術有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京集佳知識產權代理有限公司11227
• 代理人: 張小娜,王寶筠

技術領域

本發明涉及互聯網技術領域，尤其涉及一種頁面顯示方法及裝置。

背景技術

在瀏覽器/服務器(Browser/Server，簡稱B/S)架構下，用戶通常會利用瀏覽器向服務器請求加載頁面。在頁面加載的開始，頁面高度比較低，不會出現滾動條，而隨著加載數據的增加，頁面的高度會增高；當頁面高度大于瀏覽器窗口的高度時，瀏覽器窗口右側會出現一個滾動條，用戶拖動滾動條可以瀏覽未顯示的頁面內容。

對于頁面中需要居中顯示的主體內容，現有技術將所述主體內容居中顯示在瀏覽器窗口的可顯示區域內。具體地，參見圖1所示的頁面顯示示意圖，在瀏覽器窗口右側出現滾動條之前，所述主體內容(陰影部分)顯示在瀏覽器窗口中間；在瀏覽器窗口右側出現滾動條的時刻，所述主體內容會向左側跳一下，此時，所述主體內容位于滾動條左側的瀏覽器窗口區域的中間，即圖中虛線之間為所述主體內容的顯示位置。但是，當滾動條出現時，所述主體內容會出現跳動的情況，這會影響用戶對瀏覽器的使用體驗。

發明內容

本發明實施例的主要目的在于提供一種頁面顯示方法及裝置，能夠在瀏覽器滾動條出現時，當前頁面內容不會向左跳動，提升了用戶體驗。

本發明實施例提供了一種頁面顯示方法，包括：

在利用瀏覽器加載目標頁面的過程中，檢測瀏覽器窗口的右側滾動條是否出現；

在出現所述右側滾動條的同時，控制所述目標頁面的主體內容局中顯示在所述右側滾動條的滑動區域與左側空閑區域之間；其中，所述左側空閑區域是位于所述瀏覽器窗口最左側的、與所述右側滾動條的滑動區域相同大小的區域。

可選的，所述方法還包括：

確定所述瀏覽器窗口的寬度；

則，所述在出現所述右側滾動條的同時，所述控制所述目標頁面的主體內容局中顯示在所述右側滾動條的滑動區域與左側空閑區域之間，包括：

若所述瀏覽器窗口的寬度大于預設寬度，則在出現所述右側滾動條的同時，控制所述目標頁面的主體內容局中顯示在所述右側滾動條的滑動區域與左側空閑區域之間。

可選的，所述方法還包括：

若所述瀏覽器窗口的寬度小于或等于所述預設寬度，則在出現所述右側滾動條的同時，控制所述目標頁面的主體內容居中顯示在所述滑動區域左側的區域內。

可選的，所述控制所述目標頁面的主體內容局中顯示在所述右側滾動條的滑動區域與左側空閑區域之間，包括：

在所述瀏覽器窗口中標記所述左側空閑區域；

控制所述目標頁面的主體內容局中顯示在所述右側滾動條的滑動區域與被標記出的所述左側空閑區域之間。

可選的，所述控制所述目標頁面的主體內容局中顯示在所述右側滾動條的滑動區域與左側空閑區域之間，包括：

根據所述瀏覽器窗口的寬度，控制所述目標頁面的主體內容局中顯示在所述瀏覽器窗口的區域內。

本發明實施例還提供了一種頁面顯示裝置，包括：

滾動條檢測單元，用于在利用瀏覽器加載目標頁面的過程中，檢測瀏覽器窗口的右側滾動條是否出現；

頁面居中顯示單元，用于在出現所述右側滾動條的同時，控制所述目標頁面的主體內容局中顯示在所述右側滾動條的滑動區域與左側空閑區域之間；其中，所述左側空閑區域是位于所述瀏覽器窗口最左側的、與所述右側滾動條的滑動區域相同大小的區域。

可選的，所述裝置還包括：

窗口寬度確定單元，用于確定所述瀏覽器窗口的寬度；

則，所述頁面居中顯示單元，具體用于若所述瀏覽器窗口的寬度大于預設寬度，則在出現所述右側滾動條的同時，控制所述目標頁面的主體內容局中顯示在所述右側滾動條的滑動區域與左側空閑區域之間。

可選的，所述裝置還包括：

頁面局左顯示單元，用于若所述瀏覽器窗口的寬度小于或等于所述預設寬度，則在出現所述右側滾動條的同時，控制所述目標頁面的主體內容居中顯示在所述滑動區域左側的區域內。

可選的，所述頁面居中顯示單元包括：

空閑區域標記子單元，用于在所述瀏覽器窗口中標記所述左側空閑區域；

頁面居中顯示子單元，用于控制所述目標頁面的主體內容局中顯示在所述右側滾動條的滑動區域與被標記出的所述左側空閑區域之間。

可選的，所述頁面居中顯示單元，具體用于在出現所述右側滾動條的同時，根據所述瀏覽器窗口的寬度，控制所述目標頁面的主體內容局中顯示在所述瀏覽器窗口的區域內。