本發(fā)明涉及數(shù)據(jù)處理領(lǐng)域，具體而言，涉及一種頁面切換處理方法、裝置、用戶終端及可讀取存儲介質(zhì)。

背景技術(shù)：

隨著頁面內(nèi)容承載得越來越多，以多頁卡多tab來切換內(nèi)容的設(shè)計形式也成為常用的設(shè)計方式，這里會采用上一頁、下一頁或者tab1、tab2按鈕來切換內(nèi)容。當(dāng)多個頁卡和多個tab的內(nèi)容長度不一樣時，而這種情況可能會導(dǎo)致切換按鈕的位置發(fā)生變化，這樣用戶如果還想繼續(xù)操作切換按鈕的時候，還得移動手指位置，到達(dá)新的按鈕位置，才能進(jìn)行操作，影響了操作的流暢性。

技術(shù)實現(xiàn)要素：

有鑒于此，本發(fā)明實施例的目的在于提供一種頁面切換處理方法、裝置、用戶終端及可讀取存儲介質(zhì)，以改善上述問題。

第一方面，本發(fā)明實施例提供了一種頁面切換處理方法，所述方法包括：獲取在當(dāng)前頁面中通過頁面切換按鈕觸發(fā)的頁面切換指令；獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述當(dāng)前頁面中的滾動條的滾動距離；根據(jù)所述頁面切換指令將所述當(dāng)前頁面切換至目標(biāo)頁面；獲取所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕在所述目標(biāo)頁面中的第二位置信息；根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整所述目標(biāo)頁面中的滾動條的滾動距離，以使所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

第二方面，本發(fā)明實施例提供了一種頁面切換處理方法，所述方法包括：獲取在頁面中通過頁面切換按鈕觸發(fā)的切換指令；獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述頁面中的滾動條的滾動距離；根據(jù)所述切換指令將所述頁面中對應(yīng)的顯示區(qū)域的內(nèi)容進(jìn)行更新；獲取所述顯示區(qū)域的內(nèi)容進(jìn)行更新后的所述頁面中當(dāng)前顯示區(qū)域的所述頁面切換按鈕在所述頁面中的第二位置信息；根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整切換后的所述頁面中的滾動條的滾動距離，以使切換前的所述頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與切換后的所述頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

第三方面，本發(fā)明實施例提供了一種頁面切換處理裝置，所述裝置包括：第一獲取模塊，用于獲取在當(dāng)前頁面中通過頁面切換按鈕觸發(fā)的頁面切換指令；第二獲取模塊，用于獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述當(dāng)前頁面中的滾動條的滾動距離；切換模塊，用于根據(jù)所述頁面切換指令將所述當(dāng)前頁面切換至目標(biāo)頁面；第三獲取模塊，用于獲取所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕在所述目標(biāo)頁面中的第二位置信息；第一調(diào)整模塊，用于根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整所述目標(biāo)頁面中的滾動條的滾動距離，以使所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

第四方面，本發(fā)明實施例提供了一種頁面切換處理裝置，所述裝置包括：第四獲取模塊，用于獲取在頁面中通過頁面切換按鈕觸發(fā)的切換指令；第五獲取模塊，用于獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述頁面中的滾動條的滾動距離；更新模塊，用于根據(jù)所述切換指令將所述頁面中對應(yīng)的顯示區(qū)域的內(nèi)容進(jìn)行更新；第六獲取模塊，用于獲取所述顯示區(qū)域的內(nèi)容進(jìn)行更新后的所述頁面中當(dāng)前顯示區(qū)域的所述頁面切換按鈕在所述頁面中的第二位置信息；第二調(diào)整模塊，用于根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整切換后的所述頁面中的滾動條的滾動距離，以使切換前的所述頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與切換后的所述頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

第五方面，本發(fā)明實施例提供一種用戶終端，所述用戶終端包括處理器以及存儲器，所述存儲器耦接到所述處理器，所述存儲器存儲指令，當(dāng)所述指令由所述處理器執(zhí)行時所述用戶終端執(zhí)行以下操作：獲取在當(dāng)前頁面中通過頁面切換按鈕觸發(fā)的頁面切換指令；獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述當(dāng)前頁面中的滾動條的滾動距離；根據(jù)所述頁面切換指令將所述當(dāng)前頁面切換至目標(biāo)頁面；獲取所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕在所述目標(biāo)頁面中的第二位置信息；根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整所述目標(biāo)頁面中的滾動條的滾動距離，以使所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

第六方面，本發(fā)明實施例提供了一種用戶終端，所述用戶終端包括處理器以及存儲器，所述存儲器耦接到所述處理器，所述存儲器存儲指令，當(dāng)所述指令由所述處理器執(zhí)行時所述用戶終端執(zhí)行以下操作：獲取在頁面中通過頁面切換按鈕觸發(fā)的切換指令；獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述頁面中的滾動條的滾動距離；根據(jù)所述切換指令將所述頁面中對應(yīng)的顯示區(qū)域的內(nèi)容進(jìn)行更新；獲取所述顯示區(qū)域的內(nèi)容進(jìn)行更新后的所述頁面中當(dāng)前顯示區(qū)域的所述頁面切換按鈕在所述頁面中的第二位置信息；根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整切換后的所述頁面中的滾動條的滾動距離，以使切換前的所述頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與切換后的所述頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

第七方面，本發(fā)明實施例提供了一種可讀取存儲介質(zhì)，所述可讀取存儲介質(zhì)存儲于計算機(jī)內(nèi)，所述可讀取存儲介質(zhì)包括多條指令，所述多條指令被配置成使得計算機(jī)執(zhí)行所述頁面切換處理方法。

本發(fā)明實施例的有益效果是：

本發(fā)明實施例提供一種頁面切換處理方法、裝置、用戶終端及可讀取存儲介質(zhì)，先獲取在當(dāng)前頁面中通過頁面切換按鈕觸發(fā)的頁面切換指令，再獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述當(dāng)前頁面中的滾動條的滾動距離，然后根據(jù)所述頁面切換指令將所述當(dāng)前頁面切換至目標(biāo)頁面，再獲取所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕在所述目標(biāo)頁面中的第二位置信息，從而根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整所述目標(biāo)頁面中的滾動條的滾動距離，以使所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同，即頁面切換按鈕的位置不會發(fā)生變化，實現(xiàn)了該頁面切換按鈕相對用戶手指的位置不發(fā)生變化，從而用戶在進(jìn)行頁面切換時可以不用再挪動手指的位置了，提高了用戶進(jìn)行頁面切換操作的便捷性。

本發(fā)明的其他特征和優(yōu)點將在隨后的說明書闡述，并且，部分地從說明書中變得顯而易見，或者通過實施本發(fā)明實施例了解。本發(fā)明的目的和其他優(yōu)點可通過在所寫的說明書、權(quán)利要求書、以及附圖中所特別指出的結(jié)構(gòu)來實現(xiàn)和獲得。

附圖說明

為了更清楚地說明本發(fā)明實施例的技術(shù)方案，下面將對實施例中所需要使用的附圖作簡單地介紹，應(yīng)當(dāng)理解，以下附圖僅示出了本發(fā)明的某些實施例，因此不應(yīng)被看作是對范圍的限定，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他相關(guān)的附圖。

圖1示出了一種可應(yīng)用于本發(fā)明實施例中的用戶終端的結(jié)構(gòu)框圖；

圖2為本發(fā)明第一實施例提供的一種頁面切換處理方法的流程圖；

圖3為本發(fā)明第一實施例提供的一種頁面切換處理方法的用戶終端交互界面的第一示意圖；

圖4為本發(fā)明第一實施例提供的一種頁面切換處理方法的用戶終端交互界面的第二示意圖；

圖5為本發(fā)明第二實施例提供的一種頁面切換處理方法的流程圖；

圖6為本發(fā)明第二實施例提供的一種頁面切換處理方法的用戶終端交互界面的第一示意圖；

圖7為本發(fā)明第二實施例提供的一種頁面切換處理方法的用戶終端交互界面的第二示意圖；

圖8為本發(fā)明第三實施例提供的一種頁面切換處理裝置的結(jié)構(gòu)框圖；

圖9為本發(fā)明第四實施例提供的一種頁面切換處理裝置的結(jié)構(gòu)框圖。

具體實施方式

下面將結(jié)合本發(fā)明實施例中附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例。通常在此處附圖中描述和示出的本發(fā)明實施例的組件可以以各種不同的配置來布置和設(shè)計。因此，以下對在附圖中提供的本發(fā)明的實施例的詳細(xì)描述并非旨在限制要求保護(hù)的本發(fā)明的范圍，而是僅僅表示本發(fā)明的選定實施例?；诒景l(fā)明的實施例，本領(lǐng)域技術(shù)人員在沒有做出創(chuàng)造性勞動的前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。

應(yīng)注意到：相似的標(biāo)號和字母在下面的附圖中表示類似項，因此，一旦某一項在一個附圖中被定義，則在隨后的附圖中不需要對其進(jìn)行進(jìn)一步定義和解釋。同時，在本發(fā)明的描述中，術(shù)語“第一”、“第二”等僅用于區(qū)分描述，而不能理解為指示或暗示相對重要性。

圖1示出了一種可應(yīng)用于本發(fā)明實施例中的用戶終端100的結(jié)構(gòu)框圖。如圖1所示，用戶終端100包括存儲器101、存儲控制器102，一個或多個(圖中僅示出一個)處理器103、外設(shè)接口104、射頻模塊105、音頻模塊106、觸控屏幕107等。這些組件通過一條或多條通訊總線/信號線108相互通訊。

存儲器101可用于存儲軟件程序以及模塊，如本發(fā)明實施例中的頁面切換處理方法以及裝置對應(yīng)的程序指令/模塊，處理器103通過運行存儲在存儲器101內(nèi)的軟件程序以及模塊，從而執(zhí)行各種功能應(yīng)用以及數(shù)據(jù)處理，如本發(fā)明實施例提供的頁面切換處理方法。

存儲器101可包括高速隨機(jī)存儲器，還可包括非易失性存儲器，如一個或者多個磁性存儲裝置、閃存、或者其他非易失性固態(tài)存儲器。處理器103以及其他可能的組件對存儲器101的訪問可在存儲控制器102的控制下進(jìn)行。

外設(shè)接口104將各種輸入/輸入裝置耦合至處理器103以及存儲器101。在一些實施例中，外設(shè)接口104，處理器103以及存儲控制器102可以在單個芯片中實現(xiàn)。在其他一些實例中，他們可以分別由獨立的芯片實現(xiàn)。

射頻模塊105用于接收以及發(fā)送電磁波，實現(xiàn)電磁波與電信號的相互轉(zhuǎn)換，從而與通訊網(wǎng)絡(luò)或者其他設(shè)備進(jìn)行通訊。

音頻模塊106向用戶提供音頻接口，其可包括一個或多個麥克風(fēng)、一個或者多個揚聲器以及音頻電路。

觸控屏幕107在用戶終端100與用戶之間同時提供一個輸出及輸入界面。具體地，觸控屏幕107向用戶顯示視頻輸出，這些視頻輸出的內(nèi)容可包括文字、圖形、視頻及其任意組合。

可以理解，圖1所示的結(jié)構(gòu)僅為示意，用戶終端100還可包括比圖1中所示更多或者更少的組件，或者具有與圖1所示不同的配置。圖1中所示的各組件可以采用硬件、軟件或其組合實現(xiàn)。

于本發(fā)明實施例中，用戶終端100中安裝有客戶端，該客戶端可以是瀏覽器也可以是第三方應(yīng)用軟件，與服務(wù)器(server)端相對應(yīng)，為用戶提供服務(wù)，例如電子書閱讀服務(wù)，用于播放本地文檔或者電子書。

下面將結(jié)合本發(fā)明實施例中附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例。通常在此處附圖中描述和示出的本發(fā)明實施例的組件可以以各種不同的配置來布置和設(shè)計。因此，以下對在附圖中提供的本發(fā)明的實施例的詳細(xì)描述并非旨在限制要求保護(hù)的本發(fā)明的范圍，而是僅僅表示本發(fā)明的選定實施例?；诒景l(fā)明的實施例，本領(lǐng)域技術(shù)人員在沒有做出創(chuàng)造性勞動的前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。

第一實施例

請參照圖2，圖2為本發(fā)明第一實施例提供的一種頁面切換處理方法的流程圖，所述方法具體包括如下步驟：

步驟s110：獲取在當(dāng)前頁面中通過頁面切換按鈕觸發(fā)的頁面切換指令。

請參照圖3，用戶在進(jìn)行頁面瀏覽時，若需要進(jìn)行頁面切換，例如，切換到上一頁或者下一頁，或者跳頁，可以通過點擊頁面中的頁面切換按鈕來進(jìn)行頁面切換，用戶終端則可以獲取用戶在當(dāng)前頁面中通過頁面切換按鈕觸發(fā)的頁面切換指令，其中，當(dāng)前頁面是指用戶當(dāng)前瀏覽的頁面。

步驟s120：獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述當(dāng)前頁面中的滾動條的滾動距離。

用戶在當(dāng)前頁面中點擊頁面切換按鈕進(jìn)行頁面切換時，用戶終端獲取該頁面切換按鈕被用戶觸發(fā)時所述頁面切換按鈕在所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息，其中，當(dāng)前顯示區(qū)域可以理解為當(dāng)前頁面中用戶可以看到的界面區(qū)域。作為一種方式，該第一位置信息包括所述當(dāng)前頁面中的頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一側(cè)邊的距離以及所述當(dāng)前頁面中的頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第二側(cè)邊的距離，其中，所述第一側(cè)邊與所述第二側(cè)邊相連。

其中，所述第一位置信息可表示為pos1，可通過pos1＝domelement.getboundingclientrect()進(jìn)行獲取，所述頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一側(cè)邊的距離可以表示為pos1.left，所述頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第二側(cè)邊的距離可以表示為pos1.top。在實際應(yīng)用過程中，若把所述頁面切換按鈕看成一個矩形的元素，該矩形元素包含四個屬性：left、top、righr和bottom，分別表示該矩形元素各邊與當(dāng)前顯示區(qū)域兩個相連的側(cè)邊的距離，若第一側(cè)邊為圖3中當(dāng)前顯示區(qū)域的左邊，第二側(cè)邊為圖3中當(dāng)前顯示區(qū)域的頂邊，通過varbox＝document.getelementbyid('box')獲取該矩形元素后，則pos1.left可以通過alert(box.getboundingclientrect().left)獲取，表示的是該矩形元素左邊與當(dāng)前顯示區(qū)域左邊的距離；pos1.top可以通過alert(box.getboundingclientrect().top)獲取，表示的是該矩形元素頂邊與當(dāng)前顯示區(qū)域的頂邊的距離，所以即通過獲取了所述頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的相連兩個側(cè)邊的距離就可以獲取所述頁面切換按鈕在該頁面切換按鈕被觸發(fā)時在所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息。

在用戶觸發(fā)頁面切換按鈕時，用戶終端還需獲取當(dāng)前頁面中的滾動條的滾動距離，該滾動距離包括所述頁面切換按鈕被觸發(fā)時所述當(dāng)前頁面中的滾動條在頁面水平方向上的滾動距離以及所述頁面切換按鈕被觸發(fā)時所述當(dāng)前頁面中的滾動條在頁面豎直方向上的滾動距離。其中，所述頁面切換按鈕被觸發(fā)時所述當(dāng)前頁面中的滾動條在頁面水平方向上的滾動距離可以通過windowscrollxstart＝document.documentelement.scrollleft進(jìn)行獲取，所述頁面切換按鈕被觸發(fā)時所述當(dāng)前頁面中的滾動條在頁面豎直方向上的滾動距離可以通過windowscrollystart＝document.documentelement.scrolltop進(jìn)行獲取。

步驟s130：根據(jù)所述頁面切換指令將所述當(dāng)前頁面切換至目標(biāo)頁面。

在獲取了用戶在當(dāng)前頁面中通過頁面切換按鈕觸發(fā)我的頁面切換指令，則用戶終端根據(jù)該頁面切換指令將所述當(dāng)前頁面切換至目標(biāo)頁面，即從當(dāng)前頁面進(jìn)行上下頁切換，或者跳頁切換。

步驟s140：獲取所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕在所述目標(biāo)頁面中的第二位置信息。

在完成頁面切換后，當(dāng)前的顯示頁面為目標(biāo)頁面了，獲取所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕在所述目標(biāo)頁面中的第二位置信息，該第二位置信息包括所述目標(biāo)頁面中的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的第一側(cè)邊的距離以及所述目標(biāo)頁面中的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的第二側(cè)邊的距離，其中，所述第一側(cè)邊與所述第二側(cè)邊相連，其中，所述第二位置信息的獲取方法請參照步驟s120中第一位置信息的獲取方法，為了描述的簡潔，在此不再過多贅述。

步驟s150：根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整所述目標(biāo)頁面中的滾動條的滾動距離，以使所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

通過上述步驟獲取了當(dāng)前頁面中的頁面切換按鈕在當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息，以及目標(biāo)頁面中的頁面切換按鈕在目標(biāo)頁面中當(dāng)前顯示區(qū)域的第二位置信息，以及當(dāng)前頁面中頁面切換按鈕被觸發(fā)時滾動條的滾動距離，為了實現(xiàn)切換前后，頁面切換按鈕的位置不發(fā)生變化，則需調(diào)整所述目標(biāo)頁面中滾動條的滾動距離，從而使得當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同，如圖3和圖4所示。

其中，根據(jù)所述目標(biāo)頁面中的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的第一側(cè)邊的距離以及所述當(dāng)前頁面中的頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一側(cè)邊的距離之差，調(diào)整所述目標(biāo)頁面中的滾動條在頁面水平方向上的滾動距離，即所述目標(biāo)頁面中滾動條在頁面水平方向上的滾動距離可以表示為document.documentelement.scrollleft＝windowscrollxstart+(pos2.left–pos1.left)，pos1.left表示為當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與當(dāng)前顯示區(qū)域的第一側(cè)邊的距離，第一側(cè)邊可以為當(dāng)前頁面中當(dāng)前顯示區(qū)域的左邊，pos2.left表示為目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與當(dāng)前顯示區(qū)域的第一側(cè)邊的距離，該第一側(cè)邊可以為目標(biāo)頁面中當(dāng)前顯示區(qū)域的左邊。

根據(jù)所述目標(biāo)頁面中的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的第二側(cè)邊的距離以及所述當(dāng)前頁面中的頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第二側(cè)邊的距離之差，調(diào)整所述目標(biāo)頁面中的滾動條在頁面豎直方向上的滾動距離，即所述目標(biāo)頁面中滾動條在頁面豎直方向上的滾動距離可以表示為document.documentelement.scrolltop＝windowscrollystart+(pos2.top–pos1.top)，pos1.top表示為當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與當(dāng)前顯示區(qū)域的第一側(cè)邊的距離，第一側(cè)邊可以為當(dāng)前頁面中當(dāng)前顯示區(qū)域的頂邊，pos2.top表示為目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與當(dāng)前顯示區(qū)域的第一側(cè)邊的距離，該第一側(cè)邊可以為目標(biāo)頁面中當(dāng)前顯示區(qū)域的頂邊。

本發(fā)明第一實施例提供的一種頁面切換處理方法，在將當(dāng)前頁面切換為目標(biāo)頁面后，通過調(diào)整目標(biāo)頁面中的滾動條的滾動距離，使得當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與目標(biāo)頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同，即頁面切換按鈕的位置不會發(fā)生變化，實現(xiàn)了該頁面切換按鈕相對用戶手指的位置不發(fā)生變化，從而用戶在進(jìn)行頁面切換時可以不用再挪動手指的位置了，提高了用戶進(jìn)行頁面切換操作的便捷性。

第二實施例

請參照圖5，圖5為本發(fā)明第二實施例提供的一種頁面切換處理方法的流程圖，所述方法具體包括如下步驟：

步驟s210：獲取在頁面中通過頁面切換按鈕觸發(fā)的切換指令。

請參照圖6，用戶在進(jìn)行頁面瀏覽時，若需要進(jìn)行翻頁或者跳頁，則可以通過點擊頁面中的頁面切換按鈕來進(jìn)行頁面切換，用戶終端則可以獲取用戶在頁面中通過頁面切換按鈕觸發(fā)的頁面切換指令。

步驟s220：獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述頁面中的滾動條的滾動距離。

該步驟的具體實施方式與上述步驟s120中的具體實施方式一致，為了描述的簡潔，請參照步驟s120中的具體實施方式，在此不再贅述。

步驟s230：根據(jù)所述切換指令將所述頁面中對應(yīng)的顯示區(qū)域的內(nèi)容進(jìn)行更新。

用戶終端在獲取了切換指令后，根據(jù)該切換指令即可將所述頁面中對應(yīng)的顯示區(qū)域的內(nèi)容進(jìn)行更新，也就是指更新頁面中某個區(qū)域的內(nèi)容，例如，通過觸發(fā)該頁面切換按鈕可以將該頁面中某個區(qū)域的內(nèi)容進(jìn)行上下翻頁或跳頁，如對圖6中內(nèi)容欄所示的內(nèi)容進(jìn)行更新。

步驟s240：獲取所述顯示區(qū)域的內(nèi)容進(jìn)行更新后的所述頁面中當(dāng)前顯示區(qū)域的所述頁面切換按鈕在所述頁面中的第二位置信息。

將頁面中顯示區(qū)域的內(nèi)容進(jìn)行更新后，獲取更新后的頁面中頁面切換按鈕的第二位置信息，該第二位置信息的獲取方法與頁面更新前頁面切換按鈕的第一位置信息獲取方法一致，其具體實現(xiàn)過程可參照步驟s120中的具體描述。

步驟s250：根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整切換后的所述頁面中的滾動條的滾動距離，以使切換前的所述頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與切換后的所述頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

通過上述步驟獲取了切換前頁面的頁面切換按鈕的第一位置信息，以及切換后的頁面切換按鈕的第二位置信息，以及所述頁面切換按鈕被觸發(fā)時所述頁面中的滾動條的滾動距離，為了實現(xiàn)切換前后，頁面切換按鈕的位置不發(fā)生變化，則需調(diào)整所述切換后的頁面中滾動條的滾動距離，從而使得切換前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與所述切換后頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同，如圖6和圖7所示。

該步驟的具體實現(xiàn)方式可參照上述步驟s150的具體描述，在此不過多贅述。

本發(fā)明第二實施例提供的一種頁面切換處理方法，通過觸發(fā)頁面中頁面切換按鈕使得頁面中對應(yīng)的顯示區(qū)域的內(nèi)容進(jìn)行更新，通過調(diào)整切換后頁面中的滾動條的滾動距離，使得切換前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與切換后頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同，即頁面切換按鈕的位置不會發(fā)生變化，實現(xiàn)了該頁面切換按鈕相對用戶手指的位置不發(fā)生變化，從而用戶在進(jìn)行切換時可以不用再挪動手指的位置了，提高了用戶進(jìn)行頁面切換操作的便捷性。

第三實施例

請參照圖8，圖8為本發(fā)明第三實施例提供的一種頁面切換處理裝置200的結(jié)構(gòu)框圖，用于執(zhí)行上述第一實施例的頁面切換處理方法，所述裝置具體包括：

第一獲取模塊210，用于獲取在當(dāng)前頁面中通過頁面切換按鈕觸發(fā)的頁面切換指令。

第二獲取模塊220，用于獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述當(dāng)前頁面中的滾動條的滾動距離。

切換模塊230，用于根據(jù)所述頁面切換指令將所述當(dāng)前頁面切換至目標(biāo)頁面。

第三獲取模塊240，用于獲取所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕在所述目標(biāo)頁面中的第二位置信息。

第一調(diào)整模塊250，用于根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整所述目標(biāo)頁面中的滾動條的滾動距離，以使所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

其中，作為一種實施方式，所述第二獲取模塊220包括：第一滾動距離獲取子模塊和第二滾動距離獲取子模塊。

第一滾動距離獲取子模塊，用于獲取所述頁面切換按鈕被觸發(fā)時所述當(dāng)前頁面中的滾動條在頁面水平方向上的滾動距離。

第二滾動距離獲取子模塊，用于獲取所述頁面切換按鈕被觸發(fā)時所述當(dāng)前頁面中的滾動條在頁面豎直方向上的滾動距離。

所述第一調(diào)整模塊250包括：第一滾動距離調(diào)整子模塊和第二滾動距離調(diào)整子模塊。

第一滾動距離調(diào)整子模塊，用于根據(jù)所述目標(biāo)頁面中的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的第一側(cè)邊的距離以及所述當(dāng)前頁面中的頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一側(cè)邊的距離之差，調(diào)整所述目標(biāo)頁面中的滾動條在頁面水平方向上的滾動距離。

第二滾動距離調(diào)整子模塊，用于根據(jù)所述目標(biāo)頁面中的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的第二側(cè)邊的距離以及所述當(dāng)前頁面中的頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第二側(cè)邊的距離之差，調(diào)整所述目標(biāo)頁面中的滾動條在頁面豎直方向上的滾動距離。

另外，所述第一位置信息包括所述當(dāng)前頁面中的頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一側(cè)邊的距離以及所述當(dāng)前頁面中的頁面切換按鈕與所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第二側(cè)邊的距離，其中，所述第一側(cè)邊與所述第二側(cè)邊相連。

所述第二位置信息包括所述目標(biāo)頁面中的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的第一側(cè)邊的距離以及所述目標(biāo)頁面中的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的第二側(cè)邊的距離，其中，所述第一側(cè)邊與所述第二側(cè)邊相連。

第四實施例

請參照圖9，圖9為本發(fā)明第四實施例提供的一種頁面切換處理裝置300的結(jié)構(gòu)框圖，用于執(zhí)行上述第二實施例的頁面切換處理方法，所述裝置具體包括：

第四獲取模塊310，用于獲取在頁面中通過頁面切換按鈕觸發(fā)的切換指令。

第五獲取模塊320，用于獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述頁面中的滾動條的滾動距離。

更新模塊330，用于根據(jù)所述切換指令將所述頁面中對應(yīng)的顯示區(qū)域的內(nèi)容進(jìn)行更新。

第六獲取模塊340，用于獲取所述顯示區(qū)域的內(nèi)容進(jìn)行更新后的所述頁面中當(dāng)前顯示區(qū)域的所述頁面切換按鈕在所述頁面中的第二位置信息。

第二調(diào)整模塊350，用于根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整切換后的所述頁面中的滾動條的滾動距離，以使切換前的所述頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與切換后的所述頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同。

所屬領(lǐng)域的技術(shù)人員可以清楚地了解到，為描述的方便和簡潔，上述描述的裝置的具體工作過程，可以參考前述方法中的對應(yīng)過程，在此不再過多贅述。

綜上所述，本發(fā)明實施例提供一種頁面切換處理方法、裝置、用戶終端及可讀取存儲介質(zhì)，先獲取在當(dāng)前頁面中通過頁面切換按鈕觸發(fā)的頁面切換指令，再獲取所述頁面切換按鈕被觸發(fā)時所述頁面切換按鈕在所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的第一位置信息以及所述當(dāng)前頁面中的滾動條的滾動距離，然后根據(jù)所述頁面切換指令將所述當(dāng)前頁面切換至目標(biāo)頁面，再獲取所述目標(biāo)頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕在所述目標(biāo)頁面中的第二位置信息，從而根據(jù)所述第一位置信息、所述第二位置信息以及所述滾動距離，調(diào)整所述目標(biāo)頁面中的滾動條的滾動距離，以使所述當(dāng)前頁面中當(dāng)前顯示區(qū)域的頁面切換按鈕與所述目標(biāo)頁面中當(dāng)前區(qū)域的頁面切換按鈕的位置相同，即頁面切換按鈕的位置不會發(fā)生變化，實現(xiàn)了該頁面切換按鈕相對用戶手指的位置不發(fā)生變化，從而用戶在進(jìn)行頁面切換時可以不用再挪動手指的位置了，提高了用戶進(jìn)行頁面切換操作的便捷性。

在本申請所提供的幾個實施例中，應(yīng)該理解到，所揭露的裝置和方法，也可以通過其它的方式實現(xiàn)。以上所描述的裝置實施例僅僅是示意性的，例如，附圖中的流程圖和框圖顯示了根據(jù)本發(fā)明的多個實施例的裝置、方法和計算機(jī)程序產(chǎn)品的可能實現(xiàn)的體系架構(gòu)、功能和操作。在這點上，流程圖或框圖中的每個方框可以代表一個模塊、程序段或代碼的一部分，所述模塊、程序段或代碼的一部分包含一個或多個用于實現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應(yīng)當(dāng)注意，在有些作為替換的實現(xiàn)方式中，方框中所標(biāo)注的功能也可以以不同于附圖中所標(biāo)注的順序發(fā)生。例如，兩個連續(xù)的方框?qū)嶋H上可以基本并行地執(zhí)行，它們有時也可以按相反的順序執(zhí)行，這依所涉及的功能而定。也要注意的是，框圖和/或流程圖中的每個方框、以及框圖和/或流程圖中的方框的組合，可以用執(zhí)行規(guī)定的功能或動作的專用的基于硬件的系統(tǒng)來實現(xiàn)，或者可以用專用硬件與計算機(jī)指令的組合來實現(xiàn)。

另外，在本發(fā)明各個實施例中的各功能模塊可以集成在一起形成一個獨立的部分，也可以是各個模塊單獨存在，也可以兩個或兩個以上模塊集成形成一個獨立的部分。

所述功能如果以軟件功能模塊的形式實現(xiàn)并作為獨立的產(chǎn)品銷售或使用時，可以存儲在一個計算機(jī)可讀取存儲介質(zhì)中。基于這樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機(jī)軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺計算機(jī)設(shè)備(可以是個人計算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括：u盤、移動硬盤、只讀存儲器(rom，read-onlymemory)、隨機(jī)存取存儲器(ram，randomaccessmemory)、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。

以上所述僅為本發(fā)明的優(yōu)選實施例而已，并不用于限制本發(fā)明，對于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。應(yīng)注意到：相似的標(biāo)號和字母在下面的附圖中表示類似項，因此，一旦某一項在一個附圖中被定義，則在隨后的附圖中不需要對其進(jìn)行進(jìn)一步定義和解釋。

以上所述，僅為本發(fā)明的具體實施方式，但本發(fā)明的保護(hù)范圍并不局限于此，任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi)，可輕易想到變化或替換，都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。因此，本發(fā)明的保護(hù)范圍應(yīng)所述以權(quán)利要求的保護(hù)范圍為準(zhǔn)。

需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。