[發明專利]一種頁面處理方法和裝置

在審

• 申請號: 202010852051.2
• 申請日: 2020-08-21
• 公開（公告）號: CN113761411A
• 公開（公告）日: 2021-12-07
• 發明（設計）人: 耿蕾
• 申請（專利權）人: 北京沃東天駿信息技術有限公司;北京京東世紀貿易有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F3/0488;G06F3/0484
• 代理公司: 中原信達知識產權代理有限責任公司 11219
• 代理人: 張一軍;張效榮

本發明公開了一種頁面處理方法和裝置，涉及計算機技術領域。該方法的一具體實施方式包括：獲取頁面的滑動指令，其中，頁面包括第一展示區域和第二展示區域，第一展示區域和第二展示區域分別由第一視圖組件和第二視圖組件控制，第一視圖組件與所述第二視圖組件之間存在嵌套關系，滑動指令包括頁面的滑動方向和理論滑動距離；響應于預設的第一滑動響應條件，根據滑動方向，通過第一視圖組件控制第一展示區域更新；響應于第一視圖組件滿足停止控制條件且頁面的實際滑動距離小于理論滑動距離，通過第二視圖組件接續控制第二展示區域更新。該實施方式能夠使頁面中的不同展示區域之間平滑切換，避免頁面滑動過程中出現卡頓現象，以提高用戶體驗。

技術領域

本發明涉及計算機技術領域，尤其涉及一種頁面處理方法和裝置。

背景技術

目前為了增強頁面的使用性，往往為頁面配置多個展示區域，在不同展示區域展示不同的內容。比如，在電商購物網站中的購物頁、商品詳情展示頁、支付頁、購物車頁等，除了設置有基本功能展示區域，還會增加其他附加展示區域(如商品推薦展示區域、商品精選展示區域等)。在現有技術中，主要通過不同框架維護不同的展示區域。

在實現本發明過程中，發明人發現現有技術中至少存在如下問題：

現有通過不同框架維護頁面的不同展示區域的方式，會導致不同展示區域之間切換過程出現卡頓現象，影響用戶體驗。

發明內容

有鑒于此，本發明實施例提供一種頁面處理方法和裝置，能夠使頁面中的不同展示區域之間平滑切換，避免頁面滑動過程中出現卡頓現象，以提高用戶體驗。

為實現上述目的，根據本發明實施例的一個方面，提供了一種頁面處理方法，包括：

獲取頁面的滑動指令，其中，所述頁面包括第一展示區域以及第二展示區域，所述第一展示區域由第一視圖組件控制，所述第二展示區域由第二視圖組件控制，所述第一視圖組件與所述第二視圖組件之間存在嵌套關系，所述滑動指令包括頁面的滑動方向和理論滑動距離；

響應于預設的第一滑動響應條件，根據所述滑動方向，通過所述第一視圖組件控制所述第一展示區域，以使所述第一展示區域中的展示內容更新；

響應于所述第一視圖組件滿足停止控制條件且所述頁面的實際滑動距離小于所述理論滑動距離，根據所述滑動方向，通過所述第二視圖組件接續控制所述第二展示區域，以使所述第二展示區域中的展示內容更新。

優選地，

所述第一滑動響應條件包括：

所述第二展示區域中的導航欄未位于所述頁面所處的顯示屏幕的目標區域；

或者，

所述第二展示區域不存在待展示內容；

或者，

所述第二展示區域的所有待展示內容進入所述第二展示區域的方向與所述滑動方向相反。

優選地，頁面處理方法，還包括：

針對所述第二視圖組件嵌套于所述第一視圖組件的情況，

響應于預設的第二滑動響應條件，根據所述滑動方向，通過所述第二視圖組件控制所述第二展示區域，以使所述第二展示區域中的展示內容更新。

優選地，所述第二滑動響應條件，包括：

所述第二展示區域中的導航欄位于顯示屏幕的目標區域，且所述第二展示區域的待展示內容進入顯示屏幕的方向與所述滑動方向相同。

優選地，

針對所述第二展示區域中的導航欄包括多個導航選項，所述多個導航選項分別對應不同類別的展示內容，