[發明專利]頁面切換方法、裝置、計算機設備

有效

• 申請號: 202010467212.6
• 申請日: 2020-05-28
• 公開（公告）號: CN111625167B
• 公開（公告）日: 2021-08-24
• 發明（設計）人: 吳宇翔
• 申請（專利權）人: 上海嗶哩嗶哩科技有限公司
• 主分類號: G06F3/0484
• 分類號: G06F3/0484;G06F3/0488;G06F16/957
• 代理公司: 北京英特普羅知識產權代理有限公司 11015
• 代理人: 鄧小玲;王勇

本發明公開了一種頁面切換方法、裝置、計算機設備及可讀存儲介質，屬于互聯網技術領域。本發明的頁面切換方法包括：在接收到用戶基于當前標簽頁面的滑動操作時，根據所述滑動操作確定所述當前標簽頁面在滾動容器中的滾動距離與滾動方向；根據所述滾動距離與所述滾動方向控制所述當前標簽頁面在所述滾動容器中進行滾動，并控制所有標簽頁面中除所述當前標簽頁面之外的其他標簽頁面執行與所述當前標簽頁面滾動方向相同的平移操作，其中，平移的距離與所述當前標簽頁面的滾動距離相同。本發明可以在進行標簽頁面的來回切換時，可以回到用戶上一次瀏覽的頁面位置。

技術領域

本發明涉及互聯網技術領域，尤其涉及一種頁面切換方法、裝置、計算機設備。

背景技術

隨著移動芯片的高速發展和網絡基礎設施的不斷完善，手持移動設備的性能得到了很大的提升，這也使得更多的技術可以運用到移動應用的開發中來。Web技術是幾年來最火熱的技術之一，其具有開發成本低，易維護，上線部署方便等優勢，與Native配合的hybrid開發模式當下也十分流行，可以做到一次開發，多端部署(Android，IOS，web瀏覽器)，對于互聯網產品的快速迭代具有明顯的促進作用。

Web技術在實現復雜頁面交互過程時，可以采用標簽頁組件的方式來實現。然而，在采用標簽頁組件來顯示頁面時，當在進行標簽頁面的切換后，不能記憶切換標簽之前的頁面的滾動位置，導致在用戶將頁面切換回之前的標簽頁面時，無法回到用戶上一次瀏覽的頁面位置。

發明內容

有鑒于此，現提供一種頁面切換方法、裝置、計算機設備及計算機可讀存儲介質，以解決在進行標簽頁面的來回切換時，不能回到用戶上一次瀏覽的頁面位置的問題。

本發明提供了一種頁面切換方法，包括：

在接收到用戶基于當前標簽頁面的滑動操作時，根據所述滑動操作確定所述當前標簽頁面在滾動容器中的滾動距離與滾動方向；

根據所述滾動距離與所述滾動方向控制所述當前標簽頁面在所述滾動容器中進行滾動，并控制所有標簽頁面中除所述當前標簽頁面之外的其他標簽頁面執行與所述當前標簽頁面滾動方向相同的平移操作，其中，平移的距離與所述當前標簽頁面的滾動距離相同。

可選地，所述頁面切換方法還包括：

在接收到將所述當前標簽頁面切換至目標標簽頁面的頁面切換指令時，獲取所述當前標簽頁面在所述滾動容器中滾動的第一距離，各個所述其他標簽頁面與所述當前標簽頁面的第二距離；

根據所述第一距離、所述當前標簽頁面與目標標簽頁面的第二距離計算出所述目標標簽頁面在所述滾動容器中滾動的第三距離；

根據所述第三距離在所述滾動容器中顯示所述目標標簽頁面。

可選地，所述頁面切換方法還包括：

分別計算所有標簽頁面中除所述目標標簽頁面之外的標簽頁面與所述目標標簽頁面的第四距離，并將所述第四距離作為各個標簽頁面的平移值。

可選地，所述頁面切換方法還包括：

在將所述當前標簽頁面切換至目標標簽頁面時，將所述滾動容器的高度設置為所述目標標簽頁面的高度。

可選地，所述頁面切換方法還包括：

在檢測到所述當前標簽頁面的滾動達到預設閾值時，采用預設的部局方式將所述當前標簽頁面的標簽欄吸附在預設位置，以實現所述標簽欄的標簽吸頂。

可選地，所述頁面切換方法還包括：

在接收到取消所述標簽欄的標簽吸頂指令時，將所有標簽頁面恢復至初始狀態。

可選地，所述控制所有標簽頁面中除所述當前標簽頁面之外的標簽頁面執行與所述當前標簽頁面滾動方向相同的平移操作包括：