利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)和方法
【專利摘要】本發(fā)明涉及一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)和方法，該系統(tǒng)和方法在當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時感測到觸摸狀態(tài)的移動的情況下通過以下操作使得用戶感覺好像實際滾動單個內(nèi)容區(qū)域一樣：根據(jù)感測到的觸摸狀態(tài)的移動計算觸摸坐標(biāo)的變化，根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向，根據(jù)感測到的觸摸狀態(tài)的移動計算與觸摸坐標(biāo)的變化相對應(yīng)的滾動長度，并且將單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
【專利說明】利用網(wǎng)頁的scrol ITop屬性執(zhí)行滾動的系統(tǒng)和方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)和方法，其中，gp使當(dāng)用戶終端在網(wǎng)頁的畫面上顯示單個內(nèi)容區(qū)域的一部分時，所述系統(tǒng)和方法通過調(diào)整scrollTop值,使用戶感覺好像實際滾動所述單個內(nèi)容區(qū)域一樣。
【背景技術(shù)】
[0002]提供無線因特網(wǎng)服務(wù)的移動終端(S卩，用戶終端)安裝無線網(wǎng)絡(luò)瀏覽器，使得用戶可以觀看網(wǎng)頁。另外，由于移動終端的尺寸有限，無線網(wǎng)絡(luò)瀏覽器或網(wǎng)絡(luò)應(yīng)用使得用戶能夠通過滾動內(nèi)容來選擇性地觀看全部內(nèi)容中的感興趣的內(nèi)容。
[0003]另一方面，盡管一些終端在移動網(wǎng)頁支持div (即，單個內(nèi)容區(qū)域)滾動，但一些終端不支持div滾動。另外，盡管支持div滾動，但如果研發(fā)人員專斷地將觸摸開始事件設(shè)置為preventDefault,則即使能夠滾動div的功能也不能被使用。
[0004]因此，需要在任意終端使用div滾動功能。即，需要提供這樣一種服務(wù):在不使用溢出(overflow)屬性來滾動div的情況下,可以通過接收用戶的觸摸事件并調(diào)整div的scrollTop值,來產(chǎn)生感覺好像實際上滾動div的效果。

【發(fā)明內(nèi)容】

[0005]技術(shù)問題
[0006]因此，考慮到以上問題制作了本發(fā)明，本發(fā)明的一個目的在于提供一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)和方法，該系統(tǒng)和方法在當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時感測到觸摸狀態(tài)的移動的情況下通過以下操作使用戶感覺好像實際滾動單個內(nèi)容區(qū)域一樣:根據(jù)感測到的觸摸狀態(tài)的移動計算觸摸坐標(biāo)的變化，根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動的方向，根據(jù)感測到的觸摸狀態(tài)的移動計算與觸摸坐標(biāo)的變化相對應(yīng)的滾動長度，并且將單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0007]技術(shù)方案
[0008]為了實現(xiàn)以上目的，根據(jù)本發(fā)明的一個方面，提供了一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)，所述系統(tǒng)包括:用戶終端，其在網(wǎng)頁的畫面上顯示單個內(nèi)容區(qū)域的一部分，并且感測觸摸狀態(tài)在顯示畫面上的移動；以及網(wǎng)頁提供服務(wù)器，如果當(dāng)在所述用戶終端的所述畫面上顯示所述單個內(nèi)容區(qū)域的一部分時感測到所述觸摸狀態(tài)的移動，則所述網(wǎng)頁提供服務(wù)器根據(jù)感測到的觸摸狀態(tài)的移動計算觸摸坐標(biāo)的變化，根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向，根據(jù)感測到的觸摸狀態(tài)的移動來計算與所述觸摸坐標(biāo)的變化相對應(yīng)的滾動長度，并且將所述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0009]此時，所述單個內(nèi)容區(qū)域在整個網(wǎng)頁上被劃分成多個div，并且包括在所述用戶終端上顯示的部分和沒有在所述用戶終端上顯示的部分。
[0010]另外，所述網(wǎng)頁提供服務(wù)器將滾動方向確定為用于在根據(jù)所述觸摸狀態(tài)的移動而計算出的坐標(biāo)變化中y坐標(biāo)值的變化為正的情況下沿向下方向執(zhí)行滾動，或者用于在所述y坐標(biāo)值的變化為負(fù)的情況下沿向上方向執(zhí)行滾動。
[0011]為了實現(xiàn)以上目的，根據(jù)本發(fā)明的另一個方面，提供了一種網(wǎng)頁提供服務(wù)器，所述網(wǎng)頁提供服務(wù)器包括:觸摸移動感測信號接收單元，當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時，該觸摸移動感測信號接收單元根據(jù)感測觸摸狀態(tài)在顯示畫面上的移動而接收觸摸移動感測信號；滾動方向確定單元，其根據(jù)感測到的觸摸狀態(tài)的移動來計算觸摸坐標(biāo)的變化，并且根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向；滾動長度計算單元，其根據(jù)感測到的觸摸狀態(tài)的移動來計算與所述觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；以及scrollTop調(diào)整單元,其將所述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0012]此時，所述單個內(nèi)容區(qū)域在整個網(wǎng)頁上被劃分成多個div，并且包括在所述用戶終端上顯示的部分和沒有在所述用戶終端上顯示的部分。
[0013]另外，所述滾動方向確定單元將滾動方向確定為用于在根據(jù)所述觸摸狀態(tài)的移動而計算出的坐標(biāo)變化中y坐標(biāo)值的變化為正的情況下沿向下方向執(zhí)行滾動，或者用于在所述y坐標(biāo)值的變化為負(fù)的情況下沿向上方向執(zhí)行滾動。
[0014]為了實現(xiàn)以上目的，根據(jù)本發(fā)明的又一個方面，提供了一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法，所述方法包括以下步驟:用戶終端在畫面上顯示單個內(nèi)容區(qū)域的一部分；隨著感測到觸摸狀態(tài)在顯示畫面上的移動，所述用戶終端向網(wǎng)頁提供服務(wù)器發(fā)送觸摸移動感測信號；如果接收到所述觸摸移動感測信號，所述網(wǎng)頁提供服務(wù)器基于所述觸摸移動感測信號來計算取決于所述觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化，并且根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向；所述網(wǎng)頁提供服務(wù)器基于所述觸摸移動感測信號來計算與取決于觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；以及所述網(wǎng)頁提供服務(wù)器將所述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0015]此時，所述單個內(nèi)容區(qū)域在整個網(wǎng)頁上被劃分成多個div，并且包括在所述用戶終端上顯示的部分和沒有在所述用戶終端上顯示的部分。
[0016]為了實現(xiàn)以上目的，根據(jù)本發(fā)明的又一個方面，提供了一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法，所述方法包括以下步驟:當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時，隨著感測到觸摸狀態(tài)在顯示畫面上的移動而接收觸摸移動感測信號；基于所述觸摸移動感測信號來計算取決于所述觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化；根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向；基于所述觸摸移動感測信號來計算與取決于所述觸摸狀態(tài)的移動的所述觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；以及將所述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0017]此時，所述單個內(nèi)容區(qū)域在整個網(wǎng)頁上被劃分成多個div，并且包括在所述用戶終端上顯示的部分和沒有在所述用戶終端上顯示的部分。
[0018]為了實現(xiàn)以上目的，根據(jù)本發(fā)明的又一個方面，提供了一種能被電子設(shè)備讀取的記錄介質(zhì)，在所述記錄介質(zhì)中，由網(wǎng)頁提供服務(wù)器利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法能夠被記錄為程序，所述方法包括以下步驟:當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時，隨著感測到觸摸狀態(tài)在顯示畫面上的移動而接收觸摸移動感測信號；基于所述觸摸移動感測信號來計算取決于所述觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化；根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向；基于所述觸摸移動感測信號來計算與取決于所述觸摸狀態(tài)的移動的所述觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；以及將所述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0019]有益效果
[0020]如上所述，本發(fā)明還提供一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)和方法，該系統(tǒng)和方法在當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時感測到觸摸狀態(tài)的移動的情況下通過以下操作使用戶感覺好像實際滾動單個內(nèi)容區(qū)域一樣:根據(jù)感測到的觸摸狀態(tài)的移動計算觸摸坐標(biāo)的變化，根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向，根據(jù)感測到的觸摸狀態(tài)的移動計算與觸摸坐標(biāo)的變化相對應(yīng)的滾動長度，并且將單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0021]另外，可以在所有用戶終端(包括不支持單個內(nèi)容區(qū)域的滾動(即，div滾動)的終端的)滾動單個內(nèi)容區(qū)域，并且即使當(dāng)觸摸開始事件被設(shè)置為preventDafault時,也可以執(zhí)行滾動功能。
【專利附圖】

【附圖說明】
[0022]圖1是示出根據(jù)本發(fā)明實施方式的利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)的配置的示圖。
[0023]圖2是示出根據(jù)本發(fā)明實施方式的網(wǎng)頁提供服務(wù)器的內(nèi)部配置的示圖。
[0024]圖3是示出根據(jù)本發(fā)明實施方式的用戶終端的內(nèi)部配置的示圖。 [0025]圖4是示出根據(jù)本發(fā)明實施方式的單個內(nèi)容區(qū)域的示圖。
[0026]圖5是示出根據(jù)本發(fā)明實施方式的顯示單個內(nèi)容區(qū)域的一部分的畫面流的示圖。
[0027]圖6是示出根據(jù)本發(fā)明實施方式的利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法的流程圖。
[0028]符號描述
[0029]100:用戶終端200:網(wǎng)頁提供服務(wù)器
[0030]202:觸摸移動感測信號接收單元
[0031]204:滾動方向確定單元
[0032]206:滾動長度計算單元
[0033]208:scrolITop 調(diào)整單兀
【具體實施方式】
[0034]下面將參照附圖詳細(xì)描述本發(fā)明的優(yōu)選實施方式。此外，在示出了本發(fā)明的實施方式的圖中，具有相同功能的元件將用相同的參考標(biāo)號表示，并且其細(xì)節(jié)將不再重復(fù)。
[0035]圖1是示出根據(jù)本發(fā)明實施方式的利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)的配置的示圖。
[0036]參照圖1，根據(jù)本發(fā)明的利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)可以包括用戶終端100和網(wǎng)頁提供服務(wù)器200。
[0037]用戶終端100在與網(wǎng)頁提供服務(wù)器200相關(guān)聯(lián)的網(wǎng)頁的畫面上顯示單個內(nèi)容區(qū)域(即，div)的一部分，并且如果根據(jù)用戶的處理感測到觸摸狀態(tài)在顯示畫面上的移動，則用戶終端100可以向網(wǎng)頁提供服務(wù)器200發(fā)送相應(yīng)信息。
[0038]如果當(dāng)在用戶終端100的畫面上顯示單個內(nèi)容區(qū)域的一部分時感測到觸摸狀態(tài)的移動，則網(wǎng)頁提供服務(wù)器200根據(jù)感測到的觸摸狀態(tài)的移動來計算觸摸坐標(biāo)的變化，根據(jù)計算出的觸摸坐標(biāo)的變化確定滾動方向，根據(jù)感測到的觸摸狀態(tài)的移動計算與觸摸坐標(biāo)的變化相對應(yīng)的滾動長度，并且將單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。此時，單個內(nèi)容區(qū)域在整個網(wǎng)頁上被劃分成多個div，并且可以包括在用戶終端上顯示的部分和沒有在用戶終端上顯示的部分。
[0039]另外，網(wǎng)頁提供服務(wù)器200可以將滾動方向確定為用于在根據(jù)觸摸狀態(tài)的移動而計算出的坐標(biāo)變化中y坐標(biāo)值的變化為正(+)的情況下沿向下方向執(zhí)行滾動，或者用于在根據(jù)觸摸狀態(tài)的移動而計算出的坐標(biāo)變化中y坐標(biāo)值的變化為負(fù)(-)的情況下沿向上方向執(zhí)行滾動。
[0040]圖2是示出根據(jù)本發(fā)明實施方式的網(wǎng)頁提供服務(wù)器的內(nèi)部配置的示圖。
[0041]參照圖2，根據(jù)本發(fā)明的網(wǎng)頁提供服務(wù)器200可以包括觸摸移動感測信號接收單元202、滾動方向確定單元204、滾動長度計算單元206和scrollTop調(diào)整單元208。
[0042]當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時，觸摸移動感測信號接收單元202可以根據(jù)感測顯示畫面上觸摸狀態(tài)的移動來接收觸摸移動感測信號。此時，單個內(nèi)容區(qū)域在整個網(wǎng)頁上被劃分成多個div，并且可以包括在用戶終端上顯示的部分和沒有在用戶終端上顯示的部分。
[0043]滾動方向確定單元204可以根據(jù)感測的觸摸狀態(tài)的移動來計算觸摸坐標(biāo)的變化，并且根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向。此時，滾動方向確定單元204可以將滾動方向確定為用于在根據(jù)觸摸狀態(tài)的移動而計算出的坐標(biāo)變化中y坐標(biāo)值的變化為正的情況下沿向下方向執(zhí)行滾動，或者用于在y坐標(biāo)值的變化為負(fù)的情況下沿向上方向執(zhí)行滾動。
[0044]滾動長度計算單元206可以根據(jù)感測到的觸摸狀態(tài)的移動來計算與觸摸坐標(biāo)相對應(yīng)的滾動長度。
[0045]scrollTop調(diào)整單元208可以將單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0046]因此，如果在單個內(nèi)容區(qū)域(B卩，一個div)中包含多個內(nèi)容，并且在畫面上沒有顯示所有內(nèi)容，則div被滾動，使得用戶可以觀看對用戶不可見的部分中的所有內(nèi)容。
[0047]圖3是示出根據(jù)本發(fā)明實施方式的用戶終端的內(nèi)部配置的示圖，并且圖4是示出根據(jù)本發(fā)明實施方式的單個內(nèi)容區(qū)域的示圖。
[0048]參照圖3，根據(jù)本發(fā)明實施方式的用戶終端可以包括通信單元302、處理單元304、顯示單元306、聲音輸出單元308、存儲單元310和控制單元300。
[0049]通信單元302可以包括移動通信模塊、無線因特網(wǎng)模塊、短距離通信模塊等。移動通信模塊發(fā)送無線信號并接收移動通信網(wǎng)絡(luò)上的基站的無線信號，并且無線因特網(wǎng)模塊是用于無線因特網(wǎng)連接的模塊，并且短距離通信模塊是用于短距離通信的模塊。此時，通信單元302可以通過無線因特網(wǎng)模塊與網(wǎng)頁提供服務(wù)器200相關(guān)聯(lián)。
[0050]處理單元304根據(jù)用戶對操作和控制的處理產(chǎn)生輸入數(shù)據(jù)。處理單元可以被配置為鍵區(qū)、鍋仔片(dome switch)、觸摸板等。具體地，觸摸板可以被實現(xiàn)為與顯示單元一起配置成層結(jié)構(gòu)的觸摸屏。
[0051]顯示單元306在畫面上顯示在用戶終端中處理的信息，并且還包括觸摸感測模塊以根據(jù)用戶的處理接收處理信號。即，顯示單元306可以在網(wǎng)頁的畫面上顯示單個內(nèi)容區(qū)域的一部分，并且感測取決于用戶的處理的觸摸狀態(tài)在顯示畫面上的移動。
[0052]聲音輸出單元308可以輸出在通信模式等中通過通信單元接收的語音信號或者存儲單元中存儲的音頻數(shù)據(jù)。
[0053]存儲單元310可以存儲用于控制單元300的處理和控制的程序，并且可以臨時存儲輸入或輸出數(shù)據(jù)。
[0054]控制單元300通常通過控制終端的各部分的操作來控制用戶終端的整體操作。
[0055]另外，當(dāng)在網(wǎng)頁的畫面上顯示各內(nèi)容區(qū)域的一部分時，如果感測到顯示畫面上的取決于用戶處理的觸摸狀態(tài)的移動，則控制單元300可以控制向網(wǎng)頁提供服務(wù)器發(fā)送相應(yīng)的信息。
[0056]此時，如圖4所示，根據(jù)本發(fā)明實施方式的單個內(nèi)容區(qū)域400可以包括具有內(nèi)容但該內(nèi)容沒有在畫面404和406上進行顯示的區(qū)域以及實際在畫面上顯示的區(qū)域。
[0057]圖5是示出根據(jù)本發(fā)明的實施方式的顯示單個內(nèi)容區(qū)域的一部分的畫面流的示圖。
[0058]參照圖5，根據(jù)本發(fā)明的實施方式的單個內(nèi)容區(qū)域500可以包括測試I至測試8的內(nèi)容，并且在用戶終端上顯示的第一網(wǎng)頁畫面502可以包括測試3至測試5的內(nèi)容。
[0059]此時，如果根據(jù)用戶的處理在終端感測到觸摸狀態(tài)的移動，則可以根據(jù)感測到的觸摸狀態(tài)的移動來計算觸摸坐標(biāo)的變化，根據(jù)計算出的觸摸坐標(biāo)的變化確定滾動方向，根據(jù)感測到的觸摸狀態(tài)的移動計算與觸摸坐標(biāo)的變化相對應(yīng)的滾動長度，并且將單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0060]例如，如果根據(jù)觸摸狀態(tài)的移動而計算出的坐標(biāo)變化中I坐標(biāo)值的變化是正的( + )，則控制沿向下方向執(zhí)行滾動，并且移動終端可以顯示包括測試2至測試4的內(nèi)容的第二網(wǎng)頁畫面504。
[0061]圖6是示出根據(jù)本發(fā)明的實施方式的利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法的流程圖。
[0062]參照圖6，在S602，根據(jù)本發(fā)明，在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分，并且在S604，隨著感測到根據(jù)用戶處理的觸摸狀態(tài)在顯示畫面上的移動，向網(wǎng)頁提供服務(wù)器發(fā)送觸摸移動感測信號。
[0063]此時，單個內(nèi)容在整個網(wǎng)頁上被劃分成多個div，并且可以包括在用戶終端上顯示的部分和沒有在用戶終端上顯示的部分。
[0064]如果接收到觸摸移動感測信號，則在S606，網(wǎng)頁提供服務(wù)器基于觸摸移動感測信號來計算取決于觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化，并且根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向。
[0065]此時，網(wǎng)頁提供服務(wù)器可以將滾動方向確定為用于在基于觸摸移動感測信號而計算出的坐標(biāo)變化中I坐標(biāo)值的變化為正(+ )的情況下沿向下方向執(zhí)行滾動，或者在根據(jù)觸摸狀態(tài)的移動而計算出的坐標(biāo)變化中I坐標(biāo)值的變化為負(fù)(-)的情況下用于沿向上方向執(zhí)行滾動。[0066]另外，在S608，網(wǎng)頁提供服務(wù)器基于觸摸移動感測信號來計算與取決于觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化相對應(yīng)的滾動長度，并且在S610，將單個內(nèi)容區(qū)域的scrollTop值調(diào)整由網(wǎng)頁提供服務(wù)器計算出的滾動長度那么多。
[0067]另一方面，根據(jù)本發(fā)明的另一個方面，提供了一種網(wǎng)頁提供服務(wù)器利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法，所述方法包括以下步驟:當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時，隨著感測到觸摸狀態(tài)在顯示畫面上的移動而接收觸摸移動感測信號；基于觸摸移動感測信號來計算取決于觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化；根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向；基于觸摸移動感測信號來計算與取決于觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；并且將單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0068]另外，根據(jù)本發(fā)明的又一個方面，可以將由網(wǎng)頁提供服務(wù)器利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法記錄為可通過電子設(shè)備讀取的記錄介質(zhì)中的程序，所述方法包括以下步驟:當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時，隨著感測到觸摸狀態(tài)在顯示畫面上的移動而接收觸摸移動感測信號；基于觸摸移動感測信號來計算取決于觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化；根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向；基于觸摸移動感測信號來計算與取決于觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；并且將單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
[0069]在網(wǎng)頁提供服務(wù)器中利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法可以被創(chuàng)建為程序，并且構(gòu)造該程序的代碼和代碼段可以被本領(lǐng)域的程序員容易地推導(dǎo)出。另外，與在網(wǎng)頁提供服務(wù)器中利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法相關(guān)的程序可以存儲在可以被電子設(shè)備讀取的信息存儲介質(zhì)(可讀介質(zhì))中，并且可以被電子設(shè)備讀取和執(zhí)行。
[0070]盡管已經(jīng)參照特定例示性實施方式描述了本發(fā)明，但本發(fā)明不受實施方式所限制，而是受所附權(quán)利要求限制。應(yīng)理解的是，本領(lǐng)域的技術(shù)人員可以在不脫離本發(fā)明的范圍和精神的情況下改變或修改這些實施方式。
[0071]工業(yè)可用性
[0072]可以使用本發(fā)明以提供一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)和方法，該系統(tǒng)和方法在當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時感測到觸摸狀態(tài)的移動的情況下通過以下操作使得用戶感覺好像實際滾動單個內(nèi)容區(qū)域一樣:根據(jù)感測到的觸摸狀態(tài)的移動計算觸摸坐標(biāo)的變化，根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向，根據(jù)感測到的觸摸狀態(tài)的移動計算與觸摸坐標(biāo)的變化相對應(yīng)的滾動長度，并且將單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
【權(quán)利要求】
1.一種網(wǎng)頁提供服務(wù)器，所述網(wǎng)頁提供服務(wù)器包括: 觸摸移動感測信號接收單元，當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時，所述觸摸移動感測信號接收單元根據(jù)感測觸摸狀態(tài)在顯示畫面上的移動而接收觸摸移動感測信號； 滾動方向確定單元，其根據(jù)感測到的觸摸狀態(tài)的移動來計算觸摸坐標(biāo)的變化，并且根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向； 滾動長度計算單元，其根據(jù)感測到的觸摸狀態(tài)的移動來計算與所述觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；以及 scrollTop調(diào)整單元,其將所述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
2.根據(jù)權(quán)利要求1所述的服務(wù)器，其中，所述單個內(nèi)容區(qū)域在整個網(wǎng)頁上被劃分成多個div，并且包括在所述用戶終端上顯示的部分和沒有在所述用戶終端上顯示的部分。
3.根據(jù)權(quán)利要求1所述的服務(wù)器，其中，所述滾動方向確定單元將滾動方向確定為用于在根據(jù)所述觸摸狀態(tài)的移動而計算出的坐標(biāo)變化中y坐標(biāo)值的變化為正的情況下沿向下方向執(zhí)行滾動，或者用于在所述y坐標(biāo)值的變化為負(fù)的情況下沿向上方向執(zhí)行滾動。
4.一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的系統(tǒng)，所述系統(tǒng)包括: 用戶終端，其在所述網(wǎng)頁的畫面上顯示單個內(nèi)容區(qū)域的一部分，并且感測觸摸狀態(tài)在顯示畫面上的移動；以及 網(wǎng)頁提供服務(wù)器，如果當(dāng)在所述用戶終端的所述畫面上顯示所述單個內(nèi)容區(qū)域的一部分時感測到所述觸摸狀態(tài)的移動，則所述網(wǎng)頁提供服務(wù)器根據(jù)感測到的觸摸狀態(tài)的移動計算觸摸坐標(biāo)的變化，并且根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向，根據(jù)感測到的觸摸狀態(tài) 的移動來計算與所述觸摸坐標(biāo)的變化相對應(yīng)的滾動長度，并且將所述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
5.一種由網(wǎng)頁提供服務(wù)器利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法，所述方法包括以下步驟: 當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時，隨著感測到觸摸狀態(tài)在顯示畫面上的移動而接收觸摸移動感測信號； 基于所述觸摸移動感測信號來計算取決于所述觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化； 根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向； 基于所述觸摸移動感測信號來計算與取決于所述觸摸狀態(tài)的移動的所述觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；以及 將所述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
6.根據(jù)權(quán)利要求5所述的方法，其中，所述單個內(nèi)容區(qū)域在整個網(wǎng)頁上被劃分成多個div，并且包括在所述用戶終端上顯示的部分和沒有在所述用戶終端上顯示的部分。
7.根據(jù)權(quán)利要求5所述的方法，其中，所述滾動方向確定步驟將所述滾動方向確定為用于在基于所述觸摸移動感測信號計算出的坐標(biāo)變化中y坐標(biāo)值的變化為正的情況下沿向下方向執(zhí)行滾動，或者用于在所述y坐標(biāo)值的變化為負(fù)的情況下沿向上方向執(zhí)行滾動的滾動方向。
8.一種利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法，所述方法包括以下步驟:用戶終端在畫面上顯示單個內(nèi)容區(qū)域的一部分； 隨著感測到觸摸狀態(tài)在顯示畫面上的移動，所述用戶終端向網(wǎng)頁提供服務(wù)器發(fā)送觸摸移動感測信號； 如果接收到所述觸摸移動感測信號，則所述網(wǎng)頁提供服務(wù)器基于所述觸摸移動感測信號來計算取決于所述觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化，并且根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向； 所述網(wǎng)頁提供服務(wù)器基于所述觸摸移動感測信號來計算與取決于所述觸摸狀態(tài)的移動的所述觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；以及 所述網(wǎng)頁提供服務(wù)器將所述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
9.一種能被電子設(shè)備讀取的記錄介質(zhì)，在所述記錄介質(zhì)中，由網(wǎng)頁提供服務(wù)器利用網(wǎng)頁的scrollTop屬性執(zhí)行滾動的方法能夠被記錄為程序，所述方法包括以下步驟: 當(dāng)在用戶終端的畫面上顯示單個內(nèi)容區(qū)域的一部分時，隨著感測到觸摸狀態(tài)在顯示畫面上的移動而接收觸摸移動感測信號； 基于所述觸摸移動感測信號來計算取決于所述觸摸狀態(tài)的移動的觸摸坐標(biāo)的變化； 根據(jù)計算出的觸摸坐標(biāo)的變化來確定滾動方向； 基于所述觸摸移動感測信號來計算與取決于所述觸摸狀態(tài)的移動的所述觸摸坐標(biāo)的變化相對應(yīng)的滾動長度；以及 將所 述單個內(nèi)容區(qū)域的scrollTop值調(diào)整計算出的滾動長度那么多。
【文檔編號】G06F17/00GK103874971SQ201380001488
【公開日】2014年6月18日 申請日期:2013年7月18日 優(yōu)先權(quán)日:2012年10月12日
【發(fā)明者】尹正鉉, 李殷馥 申請人:Sk普蘭尼特有限公司