一種頁(yè)面元素的顯示方法及裝置的制造方法
【專利說(shuō)明】一種頁(yè)面元素的顯示方法及裝置 【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)應(yīng)用技術(shù)領(lǐng)域，尤其涉及一種頁(yè)面元素的顯示方法及裝置。 【【背景技術(shù)】】
[0002] 用戶在生活、工作以及學(xué)習(xí)中，經(jīng)常使用瀏覽器登錄網(wǎng)站，進(jìn)而從頁(yè)面中獲取所需 要的各種信息。如用戶經(jīng)常使用導(dǎo)航類網(wǎng)站、搜索類網(wǎng)站或者購(gòu)物類網(wǎng)站等。
[0003] 現(xiàn)有技術(shù)中，頁(yè)面中所顯示的內(nèi)容往往可以隨著用戶的控制而上下滑動(dòng)，從而用 戶可以瀏覽到頁(yè)面中的所有內(nèi)容。然而，在頁(yè)面的上下滑動(dòng)過(guò)程中，頁(yè)面中的一些重要元素 也是上下移動(dòng)的，如搜索框、設(shè)置按鈕等。如果頁(yè)面向下滑動(dòng)之后，用戶想要使用這些重要 元素，則還需要將頁(yè)面向上滑動(dòng)，因此這種頁(yè)面中元素的顯示方式使得用戶在瀏覽過(guò)程中 獲取重要元素的操作成本比較高，獲取效率比較低。 【
【發(fā)明內(nèi)容】
】
[0004] 有鑒于此，本發(fā)明實(shí)施例提供了一種頁(yè)面元素的顯示方法及裝置，可以實(shí)現(xiàn)降低 用戶在瀏覽過(guò)程中獲取重要元素的操作成本，提高獲取效率。
[0005] 本發(fā)明實(shí)施例的一方面，提供一種頁(yè)面元素的顯示方法，包括：
[0006] 對(duì)頁(yè)面滑動(dòng)事件進(jìn)行檢測(cè)；
[0007] 若檢測(cè)到頁(yè)面滑動(dòng)事件滿足觸發(fā)條件，在瀏覽器窗口呈現(xiàn)懸浮層，在所述懸浮層 中呈現(xiàn)頁(yè)面中的指定元素；或者，相對(duì)于瀏覽器窗口固定頁(yè)面中的指定元素的位置。
[0008] 如上所述的方面和任一可能的實(shí)現(xiàn)方式，進(jìn)一步提供一種實(shí)現(xiàn)方式，所述觸發(fā)條 件包括：
[0009] 所述頁(yè)面滑動(dòng)到指定像素位置；或者，
[0010] 所述頁(yè)面的滑動(dòng)距離大于或者等于預(yù)設(shè)的距離閾值；或者，
[0011] 所述頁(yè)面的滾動(dòng)條的滑動(dòng)距離大于或者等于所述指定元素與瀏覽器窗口的頂部 之間的距離。
[0012] 如上所述的方面和任一可能的實(shí)現(xiàn)方式，進(jìn)一步提供一種實(shí)現(xiàn)方式，所述頁(yè)面中 的指定元素包括：搜索框、搜索觸發(fā)按鈕、登錄按鈕、設(shè)置按鈕、導(dǎo)航信息和網(wǎng)站名稱中至少 一個(gè)。
[0013] 如上所述的方面和任一可能的實(shí)現(xiàn)方式，進(jìn)一步提供一種實(shí)現(xiàn)方式，所述在瀏覽 器窗口呈現(xiàn)懸浮層，包括：在所述瀏覽器窗口的頂端、底端、左端或者右端呈現(xiàn)所述懸浮層； 或者，
[0014] 所述相對(duì)于瀏覽器窗口固定所述頁(yè)面中的指定元素的位置，包括：相對(duì)于瀏覽器 窗口將所述頁(yè)面中的指定元素定位在所述瀏覽器窗口的頂端、底端、左端或者右端。
[0015] 如上所述的方面和任一可能的實(shí)現(xiàn)方式，進(jìn)一步提供一種實(shí)現(xiàn)方式，所述對(duì)頁(yè)面 滑動(dòng)事件進(jìn)行檢測(cè)，包括：在頁(yè)面的滾輪Scroll事件中檢測(cè)頁(yè)面滑動(dòng)事件。本發(fā)明實(shí)施例 的一方面，提供一種頁(yè)面元素的顯示裝置，包括：
[0016] 檢測(cè)模塊，用于對(duì)頁(yè)面滑動(dòng)事件進(jìn)行檢測(cè)；
[0017] 處理模塊，用于若所述檢測(cè)模塊檢測(cè)到頁(yè)面滑動(dòng)事件滿足觸發(fā)條件，在瀏覽器窗 口呈現(xiàn)懸浮層，在所述懸浮層中呈現(xiàn)頁(yè)面中的指定元素；或者，相對(duì)于瀏覽器窗口固定頁(yè)面 中的指定元素的位置。
[0018] 如上所述的方面和任一可能的實(shí)現(xiàn)方式，進(jìn)一步提供一種實(shí)現(xiàn)方式，所述觸發(fā)條 件包括：
[0019] 所述頁(yè)面滑動(dòng)到指定像素位置；或者，
[0020] 所述頁(yè)面的滑動(dòng)距離大于或者等于預(yù)設(shè)的距離閾值；或者，
[0021] 所述頁(yè)面的滾動(dòng)條的滑動(dòng)距離大于或者等于所述指定元素與瀏覽器窗口的頂部 之間的距離。
[0022] 如上所述的方面和任一可能的實(shí)現(xiàn)方式，進(jìn)一步提供一種實(shí)現(xiàn)方式，所述頁(yè)面中 的指定元素包括：搜索框、搜索觸發(fā)按鈕、登錄按鈕、設(shè)置按鈕、導(dǎo)航信息和網(wǎng)站名稱中至少 一個(gè)。
[0023] 如上所述的方面和任一可能的實(shí)現(xiàn)方式，進(jìn)一步提供一種實(shí)現(xiàn)方式，所述處理模 塊，具體用于：在所述瀏覽器窗口的頂端、底端、左端或者右端呈現(xiàn)所述懸浮層；或者，
[0024] 所述處理模塊，具體用于：相對(duì)于瀏覽器窗口將所述頁(yè)面中的指定元素定位在所 述瀏覽器窗口的頂端、底端、左端或者右端。
[0025] 如上所述的方面和任一可能的實(shí)現(xiàn)方式，進(jìn)一步提供一種實(shí)現(xiàn)方式，所述檢測(cè)模 塊，具體用于：在頁(yè)面的滾輪Scroll事件中檢測(cè)頁(yè)面滑動(dòng)事件。
[0026] 由以上技術(shù)方案可以看出，本發(fā)明實(shí)施例具有以下有益效果：
[0027] 本發(fā)明實(shí)施例提供的技術(shù)方案能夠在頁(yè)面滾動(dòng)滿足一定條件下，在瀏覽器窗口中 對(duì)頁(yè)面中的指定元素進(jìn)行定位，從而無(wú)論頁(yè)面滾動(dòng)到什么位置都可以及時(shí)獲取到頁(yè)面中的 指定元素，從而快捷方便的利用指定元素完成所需要的操作，因此，本發(fā)明實(shí)施例能夠?qū)崿F(xiàn) 降低用戶在瀏覽過(guò)程中獲取重要元素的操作成本，提高獲取效率。 【【附圖說(shuō)明】】
[0028] 為了更清楚地說(shuō)明本發(fā)明實(shí)施例的技術(shù)方案，下面將對(duì)實(shí)施例中所需要使用的附 圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域 普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)性的前提下，還可以根據(jù)這些附圖獲得其它的附 圖。
[0029] 圖1是本發(fā)明實(shí)施例所提供的頁(yè)面元素的顯示方法的流程示意圖；
[0030] 圖2(a)~圖2(b)是本發(fā)明實(shí)施例所提供的瀏覽器窗口顯示頁(yè)面的示例圖；
[0031] 圖3是本發(fā)明實(shí)施例所提供的頁(yè)面元素的顯示裝置的功能方塊圖。 【【具體實(shí)施方式】】
[0032] 為了更好的理解本發(fā)明的技術(shù)方案，下面結(jié)合附圖對(duì)本發(fā)明實(shí)施例進(jìn)行詳細(xì)描 述。
[0033] 應(yīng)當(dāng)明確，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。基 于本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其 它實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0034] 在本發(fā)明實(shí)施例中使用的術(shù)語(yǔ)是僅僅出于描述特定實(shí)施例的目的，而非旨在限制 本發(fā)明。在本發(fā)明實(shí)施例和所附權(quán)利要求書(shū)中所使用的單數(shù)形式的"一種"、"所述"和"該" 也旨在包括多數(shù)形式，除非上下文清楚地表示其他含義。
[0035] 應(yīng)當(dāng)理解，本文中使用的術(shù)語(yǔ)"和/或"僅僅是一種描述關(guān)聯(lián)對(duì)象的關(guān)聯(lián)關(guān)系，表 示可以存在三種關(guān)系，例如，A和/或B，可以表示：?jiǎn)为?dú)存在A，同時(shí)存在A和B，單獨(dú)存在B 這三種情況。另外，本文中字符"/"，一般表示前后關(guān)聯(lián)對(duì)象是一種"或"的關(guān)系。
[0036] 取決于語(yǔ)境，如在此所使用的詞語(yǔ)"如果"可以被解釋成為"在……時(shí)"或"當(dāng)…… 時(shí)"或"響應(yīng)于確定"或"響應(yīng)于檢測(cè)"。類似地，取決于語(yǔ)境，短語(yǔ)"如果確定"或"如果檢 測(cè)（陳述的條件或事件）"可以被解釋成為"當(dāng)確定時(shí)"或"響應(yīng)于確定"或"當(dāng)檢測(cè)（陳述 的條件或事件）時(shí)"或"響應(yīng)于檢測(cè)（陳述的條件或事件）"。
[0037] 本發(fā)明實(shí)施例給出一種頁(yè)面元素的顯示方法，請(qǐng)參考圖1，其為本發(fā)明實(shí)施例所提 供的頁(yè)面元素的顯示方法的流程示意圖，如圖所示，該方法包括以下步驟：
[0038] S101，對(duì)頁(yè)面滑動(dòng)事件進(jìn)行檢測(cè)。
[0039] S102,若檢測(cè)到頁(yè)面滑動(dòng)事件滿足觸發(fā)條件，在瀏覽器窗口呈現(xiàn)懸浮層，在所述懸 浮層中呈現(xiàn)頁(yè)面中的指定元素；或者，相對(duì)于瀏覽器窗口固定頁(yè)面中的指定元素的位置。
[0040] 需要說(shuō)明的是，S101~S102的執(zhí)行主體可以為頁(yè)面元素的顯示裝置，該裝置可 以位于本地終端的應(yīng)用，或者還可以為位于本地終端的應(yīng)用中的插件或軟件開(kāi)發(fā)工具