[發明專利]一種頁面展示的方法、裝置、設備和可讀介質

有效

• 申請號: 201811401680.2
• 申請日: 2018-11-22
• 公開（公告）號: CN111209499B
• 公開（公告）日: 2021-10-29
• 發明（設計）人: 王偉;杜青倫
• 申請（專利權）人: 北京字節跳動網絡技術有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

本公開實施例公開了一種頁面展示的方法、裝置、設備和可讀介質。其中，該方法包括：根據當前頁面中預設的分類對象獲取至少一個指定元素，所述指定元素包括第一子元素和第二子元素；若第一子元素在視口展示，則在當前頁面中彈出所述第二子元素。通過本公開實施例的技術方案，實現頁面滑動中各第二子元素在視口的相應展示，無需采用JavaScript語言來同時監聽各個指定元素，解決了現有技術中內存占用大、頁面滑動卡頓的問題，簡化了為各指定元素添加滑動效果的軟件操作，提高了頁面中滑動效果展示的流暢性。

技術領域

本公開實施例涉及計算機處理技術，尤其涉及一種頁面展示的方法、裝置、設備和可讀介質。

背景技術

在現有的頁面展示中，為了滿足用戶對于頁面中各元素展示效果的多樣化需求，會為該頁面中的指定元添加對應的頁面展示效果；在頁面滑動過程中，首先確定當前出現在頁面視口中的指定元素，并彈出該指定元素對應的頁面效果，展示給用戶。

在頁面滑動過程中需要彈出為各指定元素添加的頁面效果時，通常采用JavaScript語言監聽頁面滑動過程中的滾動事件，通過滾動事件的回調函數來反饋各指定元素的頁面位置、元素尺寸以及滾動條位置，從而為各指定元素匹配對應的頁面效果，展示給用戶。

而由于頁面中需添加頁面展示效果的指定元素較多，此時使用JavaScript語言來同時監聽各個指定元素，并匹配對應的頁面效果，會由于過多使用JavaScript會占用較大的內存空間，易造成頁面滑動卡頓的情況。

發明內容

有鑒于此，本公開實施例提供了一種頁面展示的方法、裝置、設備和可讀介質，解決了現有技術中內存占用大、頁面滑動卡頓的問題，簡化了為多個指定元素添加滑動效果的軟件操作，提高了頁面中滑動效果展示的流暢性。

第一方面，本公開實施例提供了一種頁面展示的方法，該方法包括：

根據當前頁面中預設的分類對象獲取至少一個指定元素，所述指定元素包括第一子元素和第二子元素；

若第一子元素在視口展示，則在當前頁面中彈出所述第二子元素。

進一步的，所述頁面展示的方法，還包括：

若第一子元素未在視口展示，則在當前頁面中隱藏所述第二子元素。

進一步的，根據當前頁面中預設的分類對象獲取至少一個指定元素，包括：

在預先構建的分類對象庫中查找對應的視口對象；

獲取當前頁面中與所述視口對象的標識匹配的至少一個指定元素。

進一步的，若第一子元素在視口展示，則在當前頁面中彈出所述第二子元素，包括：

若第一子元素在視口展示，則獲取所述視口對象下預設的彈出規則；

根據所述彈出規則在當前頁面中彈出所述第二子元素。

進一步的，若第一子元素未在視口展示，則在當前頁面中隱藏所述第二子元素，包括：

若第一子元素未在視口展示，則獲取所述視口對象下預設的隱藏規則；

根據所述隱藏規則在當前頁面中隱藏所述第二子元素。

第二方面，本公開實施例提供了一種頁面展示的裝置，該裝置包括：

元素獲取模塊，用于根據當前頁面中預設的分類對象獲取至少一個指定元素，所述指定元素包括第一子元素和第二子元素；

彈出模塊，用于若第一子元素在視口展示，則在當前頁面中彈出所述第二子元素。

進一步的，所述頁面展示的裝置，還包括：