[發明專利]頁面控制方法和頁面控制裝置

在審

• 申請號: 202010900340.5
• 申請日: 2020-08-31
• 公開（公告）號: CN113760273A
• 公開（公告）日: 2021-12-07
• 發明（設計）人: 王凱
• 申請（專利權）人: 北京沃東天駿信息技術有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/958
• 代理公司: 中原信達知識產權代理有限責任公司 11219
• 代理人: 王安娜;王志遠

本發明公開了頁面控制方法和頁面控制裝置，涉及計算機技術領域。該方法的一具體實施方式包括：根據接收的頁面控制指令確定目標頁面，其中，目標頁面為主頁面包含的子頁面；將目標頁面的標識傳入預先配置的返回組件中，為目標頁面綁定滾動事件；在目標頁面滾動的情況下，利用滾動事件對目標頁面的滾動進行監控，獲得目標頁面的滾動距離；在滾動距離大于預設距離閾值的情況下，根據預先配置的返回組件，控制目標頁面返回至預設位置。該實施方式能夠滿足用戶根據自己需求隨意選擇子頁面快捷返回至期望的位置，避免了大量代碼編寫，提高用戶開發效率，還可以增強業務使用場景。

技術領域

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

背景技術

現有前端組件庫可以實現頁面返回頂部的功能，具體的，利用doc ument.body(即，頁面文檔)的scrolltop屬性來控制當前文檔相對用戶視覺顯示的位置，然后配以動畫，使其緩慢或者快速地回到頂部。

但是，在實現本發明過程中，發明人發現現有技術中至少存在如下問題：現有技術只能控制整個頁面文檔的滾動到頂部，不能靈活地控制頁面文檔的局部布局在局部空間內回到頂部。

發明內容

有鑒于此，本發明實施例提供一種頁面控制方法和頁面控制裝置，能夠滿足用戶根據自己需求隨意選擇子頁面快捷返回至期望的位置，避免了大量代碼編寫，提高用戶開發效率，還可以增強業務使用場景。

為實現上述目的，根據本發明實施例的第一方面，提供了一種頁面控制方法。

本發明實施例的一種頁面控制方法，包括：根據接收的頁面控制指令確定目標頁面，其中，所述目標頁面為主頁面包含的子頁面；將所述目標頁面的標識傳入預先配置的返回組件中，為所述目標頁面綁定滾動事件；在所述目標頁面滾動的情況下，利用所述滾動事件對所述目標頁面的滾動進行監控，獲得所述目標頁面的滾動距離；在所述滾動距離大于預設距離閾值的情況下，根據所述預先配置的返回組件，控制所述目標頁面返回至預設位置。

可選地，在將所述目標頁面的標識傳入預先配置的返回組件中之前，所述方法還包括：在用戶界面設計組件庫中引入返回頂部組件，重寫所述返回頂部組件，以便自定義配置所述返回頂部組件的屬性；在重寫后的所述返回頂部組件的外圍包裹上外部容器，以得到所述預先配置的返回組件。

可選地，所述重寫所述返回頂部組件，包括：為所述返回頂部組件添加顯示屬性，以使所述返回頂部組件處于顯示狀態；設置所述返回頂部組件的尺寸屬性和位置屬性。

可選地，所述方法還包括：通過所述外部容器的顯示變量控制所述外部容器的顯示狀態，以控制所述返回頂部組件的顯示狀態；以及，為所述外部容器綁定點擊返回方法。

可選地，所述在所述滾動距離大于預設距離閾值的情況下，根據所述預先配置的返回組件，控制所述目標頁面返回至預設位置，包括：在所述滾動距離大于所述預設距離閾值的情況下，更新所述外部容器的顯示變量為真，以便控制所述返回頂部組件在所述目標頁面上顯示；若獲取到點擊所述返回頂部組件的操作，則觸發所述點擊返回方法，按照所述點擊返回方法中的返回距離，控制所述目標頁面返回至所述預設位置。

可選地，所述頁面控制指令中指示所述預設位置，所述返回距離是根據所述預設位置設置的；以及，所述按照所述點擊返回方法中的返回距離，控制所述目標頁面返回至所述預設位置，包括：若所述預設位置為頂部，則按照所述返回距離，控制所述目標頁面的頁面數據返回至所述目標頁面的頂部；若所述預設位置為特定位置，則按照所述返回距離，控制所述目標頁面的頁面數據返回至所述目標頁面的特定位置。

為實現上述目的，根據本發明實施例的第二方面，提供了一種頁面控制裝置。