一種wap頁(yè)面標(biāo)題欄顯示方法及系統(tǒng)技術(shù)方案

本發(fā)明專利技術(shù)適用于計(jì)算機(jī)技術(shù)領(lǐng)域，提供了一種wap頁(yè)面標(biāo)題欄顯示方法及系統(tǒng)，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法包括：在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本發(fā)明專利技術(shù)實(shí)現(xiàn)同一頁(yè)面內(nèi)不同區(qū)域標(biāo)題欄的模擬物理遞推的交互方式，從而將標(biāo)題欄不在設(shè)備屏幕內(nèi)的區(qū)域的標(biāo)題欄的內(nèi)容可以一直保留在設(shè)備屏幕頂端，使得終端設(shè)備用戶可以隨時(shí)進(jìn)入網(wǎng)頁(yè)的子頁(yè)面，且不影響用戶閱讀。

【技術(shù)實(shí)現(xiàn)步驟摘要】
一種wap頁(yè)面標(biāo)題欄顯示方法及系統(tǒng)
本專利技術(shù)屬于計(jì)算機(jī)
，尤其涉及一種wap頁(yè)面標(biāo)題欄顯示方法及系統(tǒng)。
技術(shù)介紹
隨著無(wú)線應(yīng)用協(xié)議(Wireless Application Protocol, WAP)技術(shù)的發(fā)展,移動(dòng)終端等無(wú)線設(shè)備接入互聯(lián)網(wǎng)成為可能，例如，手機(jī)WAP網(wǎng)站，WAP技術(shù)把互聯(lián)網(wǎng)上的信息轉(zhuǎn)換成能在手機(jī)屏幕等移動(dòng)設(shè)備上顯示的信息，極大方便了移動(dòng)終端用戶上網(wǎng)瀏覽信息。目前，為了滿足用戶對(duì)信息的需求量，一個(gè)wap頁(yè)面能夠承載的各種信息內(nèi)容頁(yè)越來(lái)越多，為了能夠及時(shí)幫助用戶獲取相應(yīng)的信息，通常將wap頁(yè)面劃分成多個(gè)區(qū)域，多個(gè)區(qū)域的內(nèi)容依次排開(kāi)，且每個(gè)區(qū)域通常包括一個(gè)位于區(qū)域頂端的標(biāo)題欄，每個(gè)標(biāo)題欄包括多個(gè)相應(yīng)的子欄目選項(xiàng)卡，用戶可以在標(biāo)題欄點(diǎn)擊相應(yīng)的子欄目選項(xiàng)卡選擇想要查看的內(nèi)容，以進(jìn)入相應(yīng)的主題頁(yè)面。在用戶閱讀wap頁(yè)面過(guò)程中，整個(gè)wap頁(yè)面隨著用戶的操作手勢(shì)逐漸滑動(dòng)，然而，為了顯示更多的內(nèi)容，每個(gè)區(qū)域長(zhǎng)度通常超過(guò)當(dāng)前屏幕的大小，因此，用戶在閱讀某個(gè)區(qū)域的內(nèi)容時(shí)，區(qū)域的標(biāo)題欄經(jīng)常處于終端屏幕之外，以致無(wú)法提供及時(shí)方便的頁(yè)面導(dǎo)航，此時(shí)，用戶想進(jìn)入該區(qū)域標(biāo)題欄中的某個(gè)子欄目，只能反向拖拽頁(yè)面直到露出該區(qū)域的標(biāo)題欄，進(jìn)而選擇子欄目名稱以進(jìn)入相應(yīng)的主題頁(yè)面。
技術(shù)實(shí)現(xiàn)思路
本專利技術(shù)實(shí)施例的目的在于提供一種wap頁(yè)面標(biāo)題欄顯示方法，旨在解決現(xiàn)有技術(shù)用戶在閱讀wap頁(yè)面某個(gè)區(qū)域的內(nèi)容時(shí)，區(qū)域的標(biāo)題欄經(jīng)常處于終端屏幕之外，無(wú)法提供及時(shí)方便的頁(yè)面導(dǎo)航的問(wèn)題。為了實(shí)現(xiàn)上述目的，本專利技術(shù)實(shí)施例提供如下技術(shù)方案:本專利技術(shù)實(shí)施例是這樣實(shí)現(xiàn)的，本專利技術(shù)實(shí)施例提供了一種wap頁(yè)面標(biāo)題欄顯示方法，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法包括:在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本專利技術(shù)實(shí)施例提供了一種wap頁(yè)面標(biāo)題欄顯示系統(tǒng),所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述系統(tǒng)包括:顯示單元，用于在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本專利技術(shù)實(shí)施例與現(xiàn)有技術(shù)相比，有益效果在于:在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本專利技術(shù)實(shí)現(xiàn)同一頁(yè)面內(nèi)不同區(qū)域標(biāo)題欄的模擬物理遞推的交互方式，從而將標(biāo)題欄不在設(shè)備屏幕內(nèi)的區(qū)域的標(biāo)題欄的內(nèi)容可以一直保留在設(shè)備屏幕頂端，使得終端設(shè)備用戶可以隨時(shí)進(jìn)入網(wǎng)頁(yè)的子頁(yè)面，且不影響用戶閱讀。【附圖說(shuō)明】為了更清楚地說(shuō)明本專利技術(shù)實(shí)施例的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本專利技術(shù)的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。圖1是本專利技術(shù)實(shí)施例一提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖；圖2是本專利技術(shù)實(shí)施例二提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖；圖3是本專利技術(shù)實(shí)施例三提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖；圖4a-圖4d是本專利技術(shù)實(shí)施例三提供的wap頁(yè)面上滑過(guò)程標(biāo)題欄顯示過(guò)程的示意圖；圖5是本專利技術(shù)實(shí)施例三提供的wap頁(yè)面標(biāo)題欄顯示方法的技術(shù)實(shí)現(xiàn)流程圖；圖6是本專利技術(shù)實(shí)施例四提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖；圖7a_7d是本專利技術(shù)實(shí)施例四提供的wap頁(yè)面下滑過(guò)程標(biāo)題欄顯示過(guò)程的示意圖；圖8是本專利技術(shù)實(shí)施例五提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)的結(jié)構(gòu)示意圖；圖9是本專利技術(shù)實(shí)施例六提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)的結(jié)構(gòu)示意圖；圖10是本專利技術(shù)實(shí)施例七提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)的結(jié)構(gòu)示意圖。【具體實(shí)施方式】為了使本專利技術(shù)的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合附圖及實(shí)施例，對(duì)本專利技術(shù)進(jìn)行進(jìn)一步詳細(xì)說(shuō)明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本專利技術(shù)，并不用于限定本專利技術(shù)。本專利技術(shù)實(shí)施例提供了一種wap頁(yè)面標(biāo)題欄顯示方法，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法包括:在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本專利技術(shù)實(shí)施例提供了一種wap頁(yè)面標(biāo)題欄顯示系統(tǒng),所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述系統(tǒng)包括:顯示單元，用于在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。以下結(jié)合具體實(shí)施例對(duì)本專利技術(shù)的實(shí)現(xiàn)進(jìn)行詳細(xì)描述:實(shí)施例一本實(shí)施例的應(yīng)用場(chǎng)景如下:iPhone終端及android終端顯示wap頁(yè)面的過(guò)程中，由于wap頁(yè)面通常包括多個(gè)區(qū)域及其相應(yīng)的標(biāo)題欄，且通常一個(gè)區(qū)域的顯示內(nèi)容通常超過(guò)設(shè)備屏幕的大小，所以區(qū)域的標(biāo)題欄經(jīng)常不在設(shè)備設(shè)備屏幕內(nèi)，為了讓用戶能夠及時(shí)查看到區(qū)域的標(biāo)題欄的內(nèi)容，可以在當(dāng)前區(qū)域的標(biāo)題欄不再設(shè)備屏幕的期間內(nèi)，保持將其標(biāo)題欄的內(nèi)容仍然顯示在設(shè)備設(shè)備屏幕范圍內(nèi)，從而讓用戶隨時(shí)可以查看區(qū)域標(biāo)題欄的內(nèi)容，以下通過(guò)實(shí)施例進(jìn)行具體說(shuō)明，圖1示出了本專利技術(shù)實(shí)施例一提供的Wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法詳述如下:在SlOl中，在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本實(shí)施例中，設(shè)備屏幕當(dāng)前顯示的區(qū)域可以有I個(gè)或者多個(gè)。本實(shí)施例中，所述設(shè)備屏幕可以為iphone、ipad等移動(dòng)終端的設(shè)備屏幕。本實(shí)施例中，可以使用iScroll進(jìn)行區(qū)域頁(yè)面滑動(dòng)。本專利技術(shù)實(shí)施例中，在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本專利技術(shù)實(shí)現(xiàn)同一頁(yè)面內(nèi)不同區(qū)域標(biāo)題欄的模擬物理遞推的交互方式，從而將標(biāo)題欄不在設(shè)備屏幕內(nèi)的區(qū)域的標(biāo)題欄的內(nèi)容可以一直保留在設(shè)備屏幕頂端，使得終端設(shè)備用戶可以隨時(shí)進(jìn)入網(wǎng)頁(yè)的子頁(yè)面，且不影響用戶閱讀。實(shí)施例二本實(shí)施例中，可以將持續(xù)顯示的所述區(qū)域的標(biāo)題欄顯示在設(shè)備屏幕的任一預(yù)設(shè)位置，例如，設(shè)備屏幕左端內(nèi)側(cè)、設(shè)備屏幕右段內(nèi)側(cè)、設(shè)備屏幕下端外側(cè)等，為了方便用戶查看，優(yōu)選的，可以將位于設(shè)備屏幕的頂端內(nèi)側(cè)，請(qǐng)參閱圖2，圖2示出了本專利技術(shù)實(shí)施例二提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法詳述如下:在S201中，在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕頂端內(nèi)側(cè)持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容，其中，所述預(yù)設(shè)浮動(dòng)標(biāo)題欄為位于設(shè)備屏幕頂端的本文檔來(lái)自技高網(wǎng)...

【技術(shù)保護(hù)點(diǎn)】
一種wap頁(yè)面標(biāo)題欄顯示方法，其特征在于，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法包括：?在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。

【技術(shù)特征摘要】
1.一種wap頁(yè)面標(biāo)題欄顯示方法，其特征在于，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法包括: 在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。2.如權(quán)利要求1所述的方法，其特征在于，所述在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容具體為: 在所述設(shè)備屏幕頂端內(nèi)側(cè)持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容，其中，所述預(yù)設(shè)浮動(dòng)標(biāo)題欄為位于設(shè)備屏幕頂端的可滑動(dòng)標(biāo)題欄。3.如權(quán)利要求2所述的方法，其特征在于，所述在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容具體為: 在頁(yè)面向上滑動(dòng)過(guò)程中，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的下一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄下邊緣碰撞后，向上滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄； 當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄滑動(dòng)至所述設(shè)備屏幕的頂端外側(cè)后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端內(nèi)側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述下一區(qū)域標(biāo)題欄的內(nèi)容。4.如權(quán)利要求2所述的方法，其特征在于，所述在頁(yè)面滑動(dòng)過(guò)程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo) 題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過(guò)程中，通過(guò)預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容具體為: 在頁(yè)面向下滑動(dòng)過(guò)程中，當(dāng)預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的上一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄上邊緣碰撞后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端外側(cè)，并將所...

【專利技術(shù)屬性】
技術(shù)研發(fā)人員：尚世朝，張晶，成媛，趙娜，
申請(qǐng)(專利權(quán))人：騰訊科技深圳有限公司，
類型：發(fā)明
國(guó)別省市：廣東;44