一種在社交網(wǎng)站中快速輸入動(dòng)態(tài)信息的方法
【專利摘要】本發(fā)明公開了一種在社交網(wǎng)站中快速輸入動(dòng)態(tài)信息的方法。該方法包括：如果社交網(wǎng)站的導(dǎo)航條為非固定定位模式，首先將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式；在社交網(wǎng)站的導(dǎo)航條中設(shè)置一個(gè)浮動(dòng)輸入框按鈕，當(dāng)用戶觸發(fā)該按鈕時(shí)彈出浮動(dòng)輸入框，供用戶輸入動(dòng)態(tài)信息；設(shè)置一控制單元，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離時(shí)，該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離時(shí)，該控制單元隱藏所述浮動(dòng)輸入框按鈕。本發(fā)明的技術(shù)方案使得用戶能夠在瀏覽動(dòng)態(tài)信息時(shí)能夠快速輸入動(dòng)態(tài)信息，提高了用戶體驗(yàn)。
【專利說明】一種在社交網(wǎng)站中快速輸入動(dòng)態(tài)信息的方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明互聯(lián)網(wǎng)【技術(shù)領(lǐng)域】，特別涉及一種在社交網(wǎng)站中快速輸入動(dòng)態(tài)信息的方法?！颈尘凹夹g(shù)】
[0002]目前，大家常用的社交網(wǎng)站，如SNS(Social Networking Services,社會(huì)性網(wǎng)絡(luò)服務(wù))網(wǎng)站、空間、微博等，在首頁(yè)頂部一般都會(huì)有個(gè)輸入框，例如圖1所示，圖1是現(xiàn)有的一種網(wǎng)站頁(yè)面的示意圖。用戶可以在輸入框中輸入心情、新鮮事等，然后下方是好友或用戶關(guān)注的人/組織發(fā)布動(dòng)態(tài)信息的動(dòng)態(tài)信息區(qū)。
[0003]通常動(dòng)態(tài)信息區(qū)都很長(zhǎng)，用戶會(huì)拖動(dòng)頁(yè)面的滑塊向下瀏覽更多的動(dòng)態(tài)信息，而且很多情況下，用戶在瀏覽動(dòng)態(tài)信息區(qū)時(shí)，會(huì)突然想起一些事或因動(dòng)態(tài)信息由感而發(fā)想寫一些看法或感慨，但是，輸入框早已滾出顯示窗口，參見圖2，圖2是現(xiàn)有網(wǎng)站頁(yè)面中輸入框已滾出顯示窗口的示意圖。用戶若要輸入動(dòng)態(tài)信息，則需要將頁(yè)面拖回頂端，然后在輸入框中輸入動(dòng)態(tài)信息，發(fā)布成功后再拖動(dòng)滑塊繼續(xù)瀏覽動(dòng)態(tài)信息，不但會(huì)重復(fù)瀏覽已經(jīng)看過的動(dòng)態(tài)信息、浪費(fèi)時(shí)間，而且每次輸入動(dòng)態(tài)信息都要將頁(yè)面拖回頂端，操作繁瑣影響易用性，降低了用戶體驗(yàn)。

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

[0004]有鑒于此，本發(fā)明提供了一種在社交網(wǎng)站中快速輸入動(dòng)態(tài)信息的方法，使得用戶能夠在瀏覽動(dòng)態(tài)信息時(shí)能夠快速輸入動(dòng)態(tài)信息，提高了用戶體驗(yàn)。
[0005]為達(dá)到上述目的本發(fā)明的技術(shù)方案是這樣實(shí)現(xiàn)的:
[0006]本發(fā)明公開了一種在社交網(wǎng)站中快速輸入動(dòng)態(tài)信息的方法，該方法包括:
[0007]如果社交網(wǎng)站的導(dǎo)航條為非固定定位模式，首先將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式；
[0008]在社交網(wǎng)站的導(dǎo)航條中設(shè)置一個(gè)浮動(dòng)輸入框按鈕，當(dāng)用戶觸發(fā)該按鈕時(shí)彈出浮動(dòng)輸入框，供用戶輸入動(dòng)態(tài)信息；
[0009]設(shè)置一控制單元，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離時(shí)，該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離時(shí)，該控制單元隱藏所述浮動(dòng)輸入框按鈕。
[0010]所述用戶觸發(fā)該按鈕包括:用鼠標(biāo)點(diǎn)擊該按鈕，或者鼠標(biāo)滑過該按鈕。
[0011]該方法進(jìn)一步包括:
[0012]當(dāng)用鼠標(biāo)點(diǎn)擊該按鈕時(shí)彈出浮動(dòng)輸入框之后，再次點(diǎn)擊該按鈕時(shí)隱藏浮動(dòng)輸入框；
[0013]當(dāng)鼠標(biāo)滑過該按鈕時(shí)彈出浮動(dòng)輸入框之后，鼠標(biāo)滑出浮動(dòng)輸入框時(shí)隱藏浮動(dòng)輸入框。
[0014]所述該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕包括:該控制單元用浮動(dòng)輸入框按鈕的圖標(biāo)替換導(dǎo)航條上的社交網(wǎng)站的標(biāo)識(shí)圖標(biāo)；[0015]所述該控制單元隱藏所述浮動(dòng)輸入框按鈕包括:該控制單元用社交網(wǎng)站的標(biāo)識(shí)圖標(biāo)替換導(dǎo)航條上的浮動(dòng)輸入框按鈕的圖標(biāo)。
[0016]所述該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕包括:該控制單元將浮動(dòng)輸入框按鈕元素樣式的顯示設(shè)置為“鎖定”;
[0017]所述該控制單元隱藏所述浮動(dòng)輸入框按鈕包括:該控制單元將浮動(dòng)輸入框按鈕元素樣式的顯示設(shè)置為“無”。
[0018]檢測(cè)到社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離包括:為顯示窗口的滑塊滑動(dòng)事件綁定處理函數(shù)，在數(shù)據(jù)函數(shù)的內(nèi)部判定頁(yè)面元素的卷軸頂部屬性的值，檢測(cè)到卷軸頂部屬性的值大于所述預(yù)設(shè)距離時(shí)，確定社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離。
[0019]檢測(cè)到社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離包括:檢測(cè)到卷軸頂部屬性的值小于或等于所述預(yù)設(shè)距離時(shí)，確定社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離。
[0020]所述將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式包括:設(shè)置導(dǎo)航條的導(dǎo)航組件容器元素的樣式位置為“固定”。
[0021]所述將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式包括:通過使用JAVASCRIPT語言設(shè)置導(dǎo)航條的導(dǎo)航組件容器元素的樣式位置為“絕對(duì)”，同時(shí)在JAVASCRIPT代碼中監(jiān)控顯示窗口滑塊滑動(dòng)事件來重新計(jì)算垂直高度以定位導(dǎo)航組件容器元素。
[0022]彈出浮動(dòng)輸入框包括:綁定按鈕元素的鼠標(biāo)進(jìn)入事件，當(dāng)觸發(fā)浮動(dòng)輸入框按鈕時(shí)，使得浮動(dòng)輸入框所在容器元素顯示；
[0023]隱藏浮動(dòng)輸入框包括:綁定浮動(dòng)輸入框所在容器元素的鼠標(biāo)離開事件，當(dāng)鼠標(biāo)離開時(shí)觸發(fā)，隱藏浮動(dòng)輸入框所在容器元素。
[0024]由上述可見，本發(fā)明這種，將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式，在社交網(wǎng)站的導(dǎo)航條中設(shè)置一個(gè)浮動(dòng)輸入框按鈕，當(dāng)用戶觸發(fā)該按鈕時(shí)彈出浮動(dòng)輸入框，供用戶輸入動(dòng)態(tài)信息；此外，設(shè)置一控制單元，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離時(shí)，該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離時(shí)，該控制單元隱藏所述浮動(dòng)輸入框按鈕的技術(shù)方案，使得用戶可以在瀏覽動(dòng)態(tài)信息時(shí)，隨時(shí)輸入動(dòng)態(tài)信息，并且輸入發(fā)布完成后，可以接著剛閱讀的內(nèi)容繼續(xù)瀏覽，發(fā)布信息更及時(shí)，操作簡(jiǎn)單快捷，提高了用戶體驗(yàn)。
【專利附圖】

【附圖說明】
[0025]圖1是現(xiàn)有的一種網(wǎng)站頁(yè)面的示意圖；
[0026]圖2是現(xiàn)有網(wǎng)站頁(yè)面中輸入框已滾出顯示窗口的示意圖；
[0027]圖3是本發(fā)明實(shí)施例中的一種在社交網(wǎng)站中快速輸入動(dòng)態(tài)信息的方法的流程圖；
[0028]圖4是本發(fā)明實(shí)施例中的已彈出的浮動(dòng)輸入框的示意圖。
【具體實(shí)施方式】
[0029]現(xiàn)有社交網(wǎng)站的導(dǎo)航條一般都是固定定位模式，即導(dǎo)航條始終固定在窗口顯示區(qū)的最頂端，即使滑塊滑動(dòng)到頁(yè)面最底端也可以看見導(dǎo)航條。即使不是固定定位模式，也可以將其轉(zhuǎn)變?yōu)楣潭ǘㄎ荒Ｊ?。因此，本發(fā)明在導(dǎo)航條中設(shè)置一個(gè)能彈出快速輸入動(dòng)態(tài)信息的浮動(dòng)輸入框的按鈕，當(dāng)用戶按下該按鈕時(shí)，一個(gè)浮動(dòng)輸入框就會(huì)彈出來，用戶就可以隨時(shí)輸入動(dòng)態(tài)信息了。
[0030]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0031]圖3是本發(fā)明實(shí)施例中的一種在社交網(wǎng)站中快速輸入動(dòng)態(tài)信息的方法的流程圖。如圖3所示,該方法包括:
[0032]301，如果社交網(wǎng)站的導(dǎo)航條為非固定定位模式，首先將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式。
[0033]302，在社交網(wǎng)站的導(dǎo)航條中設(shè)置一個(gè)浮動(dòng)輸入框按鈕，當(dāng)用戶觸發(fā)該按鈕時(shí)彈出浮動(dòng)輸入框，供用戶輸入動(dòng)態(tài)信息。
[0034]圖4是本發(fā)明實(shí)施例中的已彈出的浮動(dòng)輸入框的示意圖。浮動(dòng)輸入框可以與頁(yè)面頂部的輸入框在外觀和功能上完全相同，也可以如圖1和圖4所示，在功能上有些差別，可以根據(jù)具體場(chǎng)景調(diào)整。
[0035]303，設(shè)置一控制單元，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離時(shí)，該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離時(shí)，該控制單元隱藏所述浮動(dòng)輸入框按鈕。
[0036]當(dāng)滑塊位于頁(yè)面頂部時(shí)，用戶能夠看到頁(yè)面頂部的輸入框，因此在本步驟中通過設(shè)置一個(gè)控制單元來控制浮動(dòng)輸入框的顯示和隱藏。所述的預(yù)設(shè)距離與輸入框的高度相關(guān)，例如，輸入框的高度為IOOpx,則該預(yù)設(shè)距離可以為120px、100px或80px等。
[0037]用戶觸發(fā)浮動(dòng)輸入框按鈕的具體行為包括:用鼠標(biāo)點(diǎn)擊該按鈕，或者鼠標(biāo)滑過該按鈕。
[0038]圖3所示的方法進(jìn)一步包括:當(dāng)用鼠標(biāo)點(diǎn)擊該按鈕時(shí)彈出浮動(dòng)輸入框之后，再次點(diǎn)擊該按鈕時(shí)隱藏浮動(dòng)輸入框；或者，當(dāng)鼠標(biāo)滑過該按鈕時(shí)彈出浮動(dòng)輸入框之后，鼠標(biāo)滑出浮動(dòng)輸入框時(shí)隱藏浮動(dòng)輸入框。
[0039]為了使導(dǎo)航條更簡(jiǎn)潔美觀，可以在隱藏浮動(dòng)輸入框的按鈕時(shí)正常顯示網(wǎng)站的標(biāo)識(shí)圖標(biāo)(即logo圖片)，而在顯示浮動(dòng)輸入框的按鈕時(shí)，使用該按鈕的圖標(biāo)替換網(wǎng)站的標(biāo)識(shí)圖標(biāo)，參見圖4。
[0040]因此，圖3中的所述該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕包括:該控制單元用浮動(dòng)輸入框按鈕的圖標(biāo)替換導(dǎo)航條上的社交網(wǎng)站的標(biāo)識(shí)圖標(biāo)；所述該控制單元隱藏所述浮動(dòng)輸入框按鈕包括:該控制單元用社交網(wǎng)站的標(biāo)識(shí)圖標(biāo)替換導(dǎo)航條上的浮動(dòng)輸入框按鈕的圖標(biāo)。
[0041]浮動(dòng)輸入框外觀、功能等可以通過html的div來具體定義實(shí)現(xiàn)。
[0042]上述的在導(dǎo)航條上增加設(shè)置彈出浮動(dòng)輸入框的功能按鈕的一種技術(shù)實(shí)現(xiàn)具體如下:
[0043]所述該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕具體為:該控制單元將浮動(dòng)輸入框按鈕元素樣式(style)的顯示(display)設(shè)置為“鎖定(block)”；
[0044]所述該控制單元隱藏所述浮動(dòng)輸入框按鈕包括:該控制單元將浮動(dòng)輸入框按鈕元素樣式(style)的顯不(display)設(shè)置為“無(none)”。
[0045]檢測(cè)到社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離包括:為顯示窗口(window)的滑塊滑動(dòng)(onscroll)事件綁定處理函數(shù)，在數(shù)據(jù)函數(shù)的內(nèi)部判定頁(yè)面(document)元素的卷軸頂部(scrollTop)屬性的值,檢測(cè)到卷軸頂部(scrollTop)屬性的值大于所述預(yù)設(shè)距離時(shí)，確定社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離。
[0046]檢測(cè)到社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離包括:檢測(cè)到卷軸頂部(scrollTop)屬性的值小于或等于所述預(yù)設(shè)距離時(shí)，確定社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離。
[0047]所述將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式包括:設(shè)置導(dǎo)航條的導(dǎo)航組件容器元素的樣式位置(style, position)為“固定(fixed)”,以實(shí)現(xiàn)導(dǎo)航組件的固定定位，即使屏幕滾動(dòng)導(dǎo)航也一直停留在上方
[0048]需要注意的是，在少數(shù)不支持fixed定位的瀏覽器或相應(yīng)版本下(如IE6)，則需要通過使用JAVASCRIPT語言設(shè)置導(dǎo)航條的導(dǎo)航組件容器元素的樣式位置(style, position)為“絕對(duì)(absolute)”，同時(shí)在JAVASCRIPT代碼中監(jiān)控顯示窗口滑塊滑動(dòng)(window.0nScroll)事件來重新計(jì)算垂直高度以定位導(dǎo)航組件容器元素。
[0049]彈出浮動(dòng)輸入框的具體實(shí)現(xiàn)可以為:綁定按鈕元素的鼠標(biāo)進(jìn)入(onmouseenter)事件，當(dāng)觸發(fā)浮動(dòng)輸入框按鈕時(shí)，使得浮動(dòng)輸入框所在容器元素顯示；
[0050]隱藏浮動(dòng)輸入框的具體實(shí)現(xiàn)可以為:綁定浮動(dòng)輸入框所在容器元素的鼠標(biāo)離開(onmouseleave)事件，當(dāng)鼠標(biāo)離開時(shí)觸發(fā)，隱藏浮動(dòng)輸入框所在容器元素自身。
[0051]至于浮動(dòng)輸入框本身功能的實(shí)現(xiàn)，則完全與普通輸入框一致，在此處不另作詳細(xì)描述。
[0052]綜上所述，本發(fā)明這種，將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式，在社交網(wǎng)站的導(dǎo)航條中設(shè)置一個(gè)浮動(dòng)輸入框按鈕，當(dāng)用戶觸發(fā)該按鈕時(shí)彈出浮動(dòng)輸入框，供用戶輸入動(dòng)態(tài)信息；此外，設(shè)置一控制單元，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離時(shí)，該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離時(shí)，該控制單元隱藏所述浮動(dòng)輸入框按鈕的技術(shù)方案，使得用戶可以在瀏覽動(dòng)態(tài)信息時(shí)，隨時(shí)輸入動(dòng)態(tài)信息，并且輸入發(fā)布完成后，可以接著剛閱讀的內(nèi)容繼續(xù)瀏覽，發(fā)布信息更及時(shí)，操作簡(jiǎn)單快捷，提高了用戶體驗(yàn)。
[0053]以上所述僅為本發(fā)明的較佳實(shí)施例而已，并非用于限定本發(fā)明的保護(hù)范圍。凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換、改進(jìn)等，均包含在本發(fā)明的保護(hù)范圍內(nèi)。
【權(quán)利要求】
1.一種在社交網(wǎng)站中快速輸入動(dòng)態(tài)信息的方法，其特征在于，該方法包括: 如果社交網(wǎng)站的導(dǎo)航條為非固定定位模式，首先將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式； 在社交網(wǎng)站的導(dǎo)航條中設(shè)置一個(gè)浮動(dòng)輸入框按鈕，當(dāng)用戶觸發(fā)該按鈕時(shí)彈出浮動(dòng)輸入框，供用戶輸入動(dòng)態(tài)信息； 設(shè)置一控制單元，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離時(shí)，該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕，當(dāng)檢測(cè)到社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離時(shí)，該控制單元隱藏所述浮動(dòng)輸入框按鈕。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述用戶觸發(fā)該按鈕包括:用鼠標(biāo)點(diǎn)擊該按鈕，或者鼠標(biāo)滑過該按鈕。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，該方法進(jìn)一步包括: 當(dāng)用鼠標(biāo)點(diǎn)擊該按鈕時(shí)彈出浮動(dòng)輸入框之后，再次點(diǎn)擊該按鈕時(shí)隱藏浮動(dòng)輸入框； 當(dāng)鼠標(biāo)滑過該按鈕時(shí)彈出浮動(dòng)輸入框之后，鼠標(biāo)滑出浮動(dòng)輸入框時(shí)隱藏浮動(dòng)輸入框。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于， 所述該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕包括:該控制單元用浮動(dòng)輸入框按鈕的圖標(biāo)替換導(dǎo)航條上的社交網(wǎng)站的標(biāo)識(shí)圖標(biāo)； 所述該控制單元隱藏所述浮動(dòng)輸入框按鈕包括:該控制單元用社交網(wǎng)站的標(biāo)識(shí)圖標(biāo)替換導(dǎo)航條上的浮動(dòng)輸入框按鈕的圖標(biāo)。
5.根據(jù)權(quán)利要求1-4中任一項(xiàng)所述的方法，其特征在于， 所述該控制單元在導(dǎo)航條上顯示所述浮動(dòng)輸入框按鈕包括:該控制單元將浮動(dòng)輸入框按鈕元素樣式的顯示設(shè)置為“鎖定”； 所述該控制單元隱藏所述浮動(dòng)輸入框按鈕包括:該控制單元將浮動(dòng)輸入框按鈕元素樣式的顯示設(shè)置為“無”。
6.根據(jù)權(quán)利要求1-4中任一項(xiàng)所述的方法，其特征在于，檢測(cè)到社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離包括:為顯示窗口的滑塊滑動(dòng)事件綁定處理函數(shù)，在數(shù)據(jù)函數(shù)的內(nèi)部判定頁(yè)面元素的卷軸頂部屬性的值，檢測(cè)到卷軸頂部屬性的值大于所述預(yù)設(shè)距離時(shí)，確定社交網(wǎng)站的頁(yè)面頂端滾出顯示窗口頂端超過預(yù)設(shè)距離。
7.根據(jù)權(quán)利要求6所述的方法，其特征在于，檢測(cè)到社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離包括:檢測(cè)到卷軸頂部屬性的值小于或等于所述預(yù)設(shè)距離時(shí)，確定社交網(wǎng)站的頁(yè)面頂端與顯示窗口頂端的距離小于或等于所述預(yù)設(shè)距離。
8.根據(jù)權(quán)利要求1-4中任一項(xiàng)所述的方法，其特征在于，所述將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式包括: 設(shè)置導(dǎo)航條的導(dǎo)航組件容器元素的樣式位置為“固定”。
9.根據(jù)權(quán)利要求1-4中任一項(xiàng)所述的方法，其特征在于，所述將社交網(wǎng)站的導(dǎo)航條設(shè)置為固定定位模式包括: 通過使用JAVASCRIPT語言設(shè)置導(dǎo)航條的導(dǎo)航組件容器元素的樣式位置為“絕對(duì)”，同時(shí)在JAVASCRIPT代碼中監(jiān)控顯示窗口滑塊滑動(dòng)事件來重新計(jì)算垂直高度以定位導(dǎo)航組件容器元素。
10.根據(jù)權(quán)利要求3所述的方法，其特征在于，彈出浮動(dòng)輸入框包括:綁定按鈕元素的鼠標(biāo)進(jìn)入事件，當(dāng)觸發(fā)浮動(dòng)輸入框按鈕時(shí)，使得浮動(dòng)輸入框所在容器元素顯示； 隱藏浮動(dòng)輸入框包括:綁定浮動(dòng)輸入框所在容器元素的鼠標(biāo)離開事件，當(dāng)鼠標(biāo)離開時(shí)觸發(fā)，隱藏浮動(dòng)輸入框所在容 器元素。
【文檔編號(hào)】G06F3/0487GK103513889SQ201210214332
【公開日】2014年1月15日 申請(qǐng)日期:2012年6月25日 優(yōu)先權(quán)日:2012年6月25日
【發(fā)明者】張程, 王熙宇 申請(qǐng)人:北京新媒傳信科技有限公司