[發明專利]頁面顯示方法、裝置、電子設備及存儲介質

有效

• 申請號: 202010789369.0
• 申請日: 2020-08-07
• 公開（公告）號: CN111880712B
• 公開（公告）日: 2022-11-11
• 發明（設計）人: 劉勝
• 申請（專利權）人: 北京達佳互聯信息技術有限公司
• 主分類號: G06F3/0485
• 分類號: G06F3/0485;G06F9/451
• 代理公司: 北京三高永信知識產權代理有限責任公司 11138
• 代理人: 寧立存

本公開提供了一種頁面顯示方法、裝置、電子設備及存儲介質，涉及終端技術領域，方法包括：響應于接收到頁面滾動指令，根據頁面滾動指令，滾動當前顯示的第一顯示頁面；確定當前進入第一顯示頁面的第一顯示區域的目標頁面元素；將目標頁面元素的頁面數據存儲至目標視圖容器中；基于目標視圖容器在第一顯示頁面中顯示的第二顯示區域，將目標頁面元素的頁面數據渲染至第二顯示區域中；將第一顯示頁面中的其他頁面元素的頁面數據渲染至第一顯示頁面的其他區域，得到第二顯示頁面，能夠實現目標頁面元素的吸頂顯示，無需實時更新頁面元素的top值，從而無需實時刷新頁面，因此，在不提高電子設備性能的情況下，能夠保證吸頂顯示的畫面流暢。

技術領域

本公開涉及終端技術領域，特別涉及一種頁面顯示方法、裝置、電子設備及存儲介質。

背景技術

隨著電子設備技術的發展，用戶可以通過瀏覽器瀏覽各種信息。由于信息種類較多，為了方便用戶瀏覽，電子設備將不同類型的信息顯示在不同的類別標簽下，通過滾動頁面顯示不同的類別標簽下的信息。為了能讓用戶更清晰的了解當前瀏覽的信息所屬的類別，常將類別標簽固定在顯示頁面的頂部顯示，即采用吸頂顯示的方式顯示頁面。

相關技術中，電子設備通過設置需要吸頂顯示的頁面元素與顯示窗口頂部之間的距離(top值)，實現將該頁面元素顯示在顯示窗口的頂端。該過程中需要電子設備實時監測頁面的滾動距離，并且監測到滾動距離發生變化時，根據該滾動距離更新頁面元素的top值，這樣會導致電子設備不斷刷新頁面，導致在不提高電子設備性能的情況下，容易出現頁面卡頓的現象，進而導致頁面顯示不流暢。

發明內容

本公開實施例提供了一種頁面顯示方法、裝置、電子設備及存儲介質，能夠在吸頂顯示時，保證頁面流暢。所述技術方案如下：

根據本公開實施例的一方面，提供了一種頁面顯示方法，所述方法包括：

響應于接收到頁面滾動指令，根據所述頁面滾動指令，滾動當前顯示的第一顯示頁面；

確定當前進入所述第一顯示頁面的第一顯示區域的目標頁面元素，所述第一顯示區域用于確定顯示在第二顯示區域中的頁面元素，所述第二顯示區域為所述第一顯示頁面中固定顯示所述目標頁面元素的顯示區域；

將所述目標頁面元素的頁面數據存儲至目標視圖容器中；

基于所述目標視圖容器在所述第一顯示頁面中顯示的所述第二顯示區域，將所述目標頁面元素的頁面數據渲染至所述第二顯示區域中；

將所述第一顯示頁面中的其他頁面元素的頁面數據渲染至所述第一顯示頁面的其他區域，得到第二顯示頁面。

在一種可能的實現方式中，所述將所述目標頁面元素的頁面數據存儲至目標視圖容器中，包括：

在所述目標視圖容器中創建第一存儲位置，所述第一存儲位置為所述目標視圖容器中的最頂部存儲位置；

將所述目標頁面元素的頁面數據從第二存儲位置轉移到所述第一存儲位置，所述第二存儲位置為所述目標頁面元素的頁面數據的原始存儲位置。

在另一種可能的實現方式中，所述基于所述目標視圖容器在所述第一顯示頁面中顯示的第二顯示區域，將所述目標頁面元素的頁面數據渲染至所述第二顯示區域中，包括：

從所述第一顯示頁面對應的節點樹中，獲取所述第一存儲位置的頁面數據；

將所述第一存儲位置的頁面數據渲染至所述第一顯示頁面的第二顯示區域中。

在另一種可能的實現方式中，所述方法還包括：

響應于所述目標頁面元素離開所述第一顯示頁面的第一顯示區域，將所述目標視圖容器中所述目標頁面元素的頁面數據和所述頁面數據所在的第一存儲位置刪除；

將所述目標頁面元素的頁面數據從所述第一存儲位置轉移到所述第二存儲位置；