[發明專利]一種基于焦點位置移動控制頁面移動的方法及裝置

有效

• 申請號: 202110632425.4
• 申請日: 2021-06-07
• 公開（公告）號: CN113378086B
• 公開（公告）日: 2022-07-26
• 發明（設計）人: 任傳政
• 申請（專利權）人: 聚好看科技股份有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京弘權知識產權代理有限公司 11363
• 代理人: 郭放;許偉群

本申請實施例提供一種基于焦點位置移動控制頁面移動的方法及裝置，方法包括：基于DOM樹定義頁面中的各個對象和處理對象的方法。當移動當前焦點區域時，根據當前焦點區域所在的焦點節點所在的位置，是否脫離焦點節點的范圍。如果當前焦點區域所在的焦點節點脫離了焦點節點的范圍，則移動滾動節點，以使當前焦點區域所在焦點節點返回焦點節點的范圍。實現基于焦點節點的移動控制頁面移動的效果。另外DOM樹可被任何語言使用，因而能夠實現對頁面中元素的移動和整個頁面的移動進行控制的同時，減少對瀏覽器自身的依賴。

技術領域

本申請涉及網頁技術領域，尤其涉及一種基于焦點位置移動控制頁面移動的方法及裝置。

背景技術

隨著智能終端的發展，瀏覽器已經是智能終端的必備軟件。瀏覽器也發展成為用戶獲取信息的主要渠道之一。用戶在使用瀏覽器應用時，可利用遙控器上的按鍵(或者以觸控的方式)上下或者左右移動頁面。

智能終端在響應用戶指令，移動頁面時，是依賴于瀏覽器自身對頁面的控制。

然而，目前智能終端可安裝的瀏覽器應用多種多樣，智能終端系統面臨著不同的瀏覽器標準，傳統頁面技術往往難以逐個兼容。另外依賴瀏覽器自身對頁面進行控制時，效果不能夠自定義頁面移動的展示，用戶使用體驗較差。

發明內容

為了解決目前智能終端可安裝的瀏覽器應用多種多樣，智能終端系統面臨著不同的瀏覽器標準，傳統頁面技術往往難以逐個兼容。另外依賴瀏覽器自身對頁面進行控制時，不能夠自定義頁面移動的展示效果，用戶使用體驗較差的問題，本申請提供了一種基于焦點位置移動控制頁面移動的方法及裝置。

第一方面，提供一種基于焦點位置移動控制頁面移動的方法，包括：

基于DOM樹構建頁面的固定節點、滾動節點以及焦點節點，其中，所述固定節點設置為相對于屏幕絕對定位，所述滾動節點設置為相對于所述固定節點相對定位，所述焦點節點設置為相對于所述滾動節點絕對定位，所述固定節點、所述滾動節點以及所述焦點節點均設置有固定的高度和寬度，所述焦點節點將所述滾動節點劃分為至少兩個區域，脫離所述固定節點范圍的所述焦點節點為隱藏不可見狀態；

響應于輸入的切換當前焦點區域的指令，控制所述當前焦點區域在所述焦點節點之間移動；

在第一距離大于第二距離時，移動所述滾動節點，以使所述第一距離小于或等于所述第二距離，其中，所述第一距離為所述當前焦點區域所在所述焦點節點的第一側邊到所述固定節點的第二側邊的距離，所述第二距離為所述固定節點的與所述當前焦點區域移動方向平行的側邊的長度，所述第一側邊為在所述當前焦點區域移動方向上最先脫離所述固定節點范圍的側邊，所述第二側邊為所述固定節點的遠離所述第一側邊的側邊；

在所述第一距離小于或等于所述第二距離時，不移動所述滾動節點。

第二方面，提供一種裝置，包括：

DOM樹構建模塊，被配置為：基于DOM樹構建頁面的固定節點、滾動節點以及焦點節點，其中，所述固定節點設置為相對于屏幕絕對定位，所述滾動節點設置為相對于所述固定節點相對定位，所述焦點節點設置為相對于所述滾動節點絕對定位，所述固定節點、所述滾動節點以及所述焦點節點均設置有固定的高度和寬度，所述焦點節點將所述滾動節點劃分為至少兩個區域，脫離所述固定節點范圍的所述焦點節點為隱藏不可見狀態；

焦點區域移動模塊，被配置為：響應于輸入的切換當前焦點區域的指令，控制所述當前焦點區域在所述焦點節點之間移動；