【技術實現步驟摘要】
本申請涉及界面設計，尤其涉及界面顯示方法、裝置、電子設備及計算機程序產品。
技術介紹
1、隨著互聯網技術和移動設備的普及，用戶越來越依賴于各種在線平臺和服務。在網頁設計和移動應用開發中，用戶界面的設計對于提供良好的用戶體驗至關重要。特別是，在處理具有大量信息的長頁面時，如何合理安排頁面頭部元素(頁頂header和選項卡tabs)，避免header固定頂部與tabs吸頂導致的用戶界面中信息展示區域受限成為了亟需解決的難題。
技術實現思路
1、本申請的主要目的在于提供一種界面顯示方法、裝置、電子設備及計算機程序產品，旨在解決相關技術中頁面頭部元素安排不合理，導致信息展示區域受限的技術問題。
2、為實現上述目的，本申請提供一種界面顯示方法，所述界面顯示方法包括：
3、檢測到目標界面發生滾動后，獲取所述目標界面的滾動高度；
4、當所述滾動高度大于或等于預設高度閾值時，將所述目標界面的頁頂header設為隱藏狀態，并將所述目標界面的選項卡tabs設為吸頂狀態，其中，所述隱藏狀態下，所述頁頂header從所述目標界面的當前顯示畫面中隱藏，所述吸頂狀態下，所述選項卡tabs固定顯示在所述當前顯示畫面的頂部。
5、在一實施例中，所述獲取所述目標界面的滾動高度的步驟之后，所述方法還包括：
6、當所述滾動高度小于預設高度閾值時，將所述目標界面的頁頂header設為顯示狀態，并將所述目標界面的選項卡tabs設為流動狀態，其中，所述顯示狀態下，所
7、在一實施例中，所述當所述滾動高度大于或等于預設高度閾值時，將所述目標界面的頁頂header設為隱藏狀態，并將所述目標界面的選項卡tabs設為吸頂狀態的步驟，包括：
8、當所述滾動高度大于或等于預設高度閾值，且所述目標界面通過第一滾動方式發生滾動時，將所述目標界面的頁頂header設為隱藏狀態，并將所述目標界面的選項卡tabs設為吸頂狀態，其中，所述第一滾動方式為點擊選項卡tabs滾動。
9、在一實施例中，所述當所述滾動高度大于或等于預設高度閾值時，將所述目標界面的頁頂header設為隱藏狀態，并將所述目標界面的選項卡tabs設為吸頂狀態的步驟，包括：
10、當所述滾動高度大于或等于預設高度閾值，且所述目標界面通過第二滾動方式發生滾動時，獲取所述目標界面的滾動方向，其中，所述第二滾動方式為所述第一滾動方式以外的滾動方式；
11、當所述滾動方向為第一滾動方向時，將所述目標界面的頁頂header設為隱藏狀態，并將所述目標界面的選項卡tabs設為吸頂狀態。
12、在一實施例中，所述第二滾動方式為滑動鼠標滾輪滾動、拖動滾動條滾動或點擊鍵盤滾動鍵滾動。
13、在一實施例中，所述獲取所述目標界面的滾動方向的步驟之后，所述方法還包括：
14、當所述滾動方向為第二滾動方向時，獲取所述目標界面的滾動速度，其中，所述第二滾動方向與所述第一滾動方向相反；
15、當所述滾動速度小于或等于預設速度閾值時，將所述目標界面的頁頂header設為隱藏狀態，并將所述目標界面的選項卡tabs設為吸頂狀態。
16、在一實施例中，所述獲取所述目標界面的滾動速度的步驟之后，所述方法還包括：
17、當所述滾動速度大于預設速度閾值時，將所述目標界面的頁頂header設為顯示狀態，并將所述目標界面的選項卡tabs設為吸頂狀態。
18、此外，為實現上述目的，本申請還提供一種界面顯示裝置，所述界面顯示裝置包括：
19、數據獲取模塊，用于檢測到目標界面發生滾動后，獲取所述目標界面的滾動高度；
20、顯示判斷模塊，用于當所述滾動高度大于或等于預設高度閾值時，將所述目標界面的頁頂header設為隱藏狀態，并將所述目標界面的選項卡tabs設為吸頂狀態，其中，所述隱藏狀態下，所述頁頂header從所述目標界面的當前顯示畫面中隱藏，所述吸頂狀態下，所述選項卡tabs固定顯示在所述當前顯示畫面的頂部。
21、此外，為實現上述目的，本申請還提供一種電子設備，所述電子設備包括：存儲器、處理器及存儲在所述存儲器上并可在所述處理器上運行的計算機程序，所述計算機程序被所述處理器執行時實現如上述的界面顯示方法的步驟。
22、此外，為實現上述目的，本申請還提供一種計算機程序產品，所述計算機程序產品包括計算機程序，所述計算機程序被處理器執行時實現如上述的界面顯示方法的步驟。
23、本申請實施例提供一種界面顯示方法、裝置、電子設備及計算機程序產品，本申請實施例的技術方案是通過檢測到目標界面發生滾動后，獲取該目標界面的滾動高度；當滾動高度大于或等于預設高度閾值時，將該目標界面的頁頂header設為隱藏狀態，并將該目標界面的選項卡tabs設為吸頂狀態，其中，隱藏狀態下，頁頂header從該目標界面的當前顯示畫面中隱藏，吸頂狀態下，選項卡tabs固定顯示在當前顯示畫面的頂部，從而使得本申請能夠通過滾動高度合理安排頁面頭部元素中的header和tabs，為用戶提供更大的信息展示區域，避免屏幕過于擁擠，進而解決相關技術中頁面頭部元素安排不合理，導致信息展示區域受限的技術問題。
本文檔來自技高網...【技術保護點】
1.一種界面顯示方法，其特征在于，所述界面顯示方法包括：
2.如權利要求1所述的界面顯示方法，其特征在于，所述獲取所述目標界面的滾動高度的步驟之后，所述方法還包括：
3.如權利要求1所述的界面顯示方法，其特征在于，所述當所述滾動高度大于或等于預設高度閾值時，將所述目標界面的頁頂Header設為隱藏狀態，并將所述目標界面的選項卡Tabs設為吸頂狀態的步驟，包括：
4.如權利要求3所述的界面顯示方法，其特征在于，所述當所述滾動高度大于或等于預設高度閾值時，將所述目標界面的頁頂Header設為隱藏狀態，并將所述目標界面的選項卡Tabs設為吸頂狀態的步驟，包括：
5.如權利要求4所述的界面顯示方法，其特征在于，所述第二滾動方式為滑動鼠標滾輪滾動、拖動滾動條滾動或點擊鍵盤滾動鍵滾動。
6.如權利要求4所述的界面顯示方法，其特征在于，所述獲取所述目標界面的滾動方向的步驟之后，所述方法還包括：
7.如權利要求6所述的界面顯示方法，其特征在于，所述獲取所述目標界面的滾動速度的步驟之后，所述方法還包括：
8.一種界
9.一種電子設備，其特征在于，所述電子設備包括：存儲器、處理器及存儲在所述存儲器上并可在所述處理器上運行的計算機程序，所述計算機程序被所述處理器執行時實現如權利要求1至7中任一項所述的界面顯示方法的步驟。
10.一種計算機程序產品，其特征在于，所述計算機程序產品包括計算機程序，所述計算機程序被處理器執行時實現如權利要求1至7中任一項所述的界面顯示方法的步驟。
...【技術特征摘要】
1.一種界面顯示方法，其特征在于，所述界面顯示方法包括：
2.如權利要求1所述的界面顯示方法，其特征在于，所述獲取所述目標界面的滾動高度的步驟之后，所述方法還包括：
3.如權利要求1所述的界面顯示方法，其特征在于，所述當所述滾動高度大于或等于預設高度閾值時，將所述目標界面的頁頂header設為隱藏狀態，并將所述目標界面的選項卡tabs設為吸頂狀態的步驟，包括：
4.如權利要求3所述的界面顯示方法，其特征在于，所述當所述滾動高度大于或等于預設高度閾值時，將所述目標界面的頁頂header設為隱藏狀態，并將所述目標界面的選項卡tabs設為吸頂狀態的步驟，包括：
5.如權利要求4所述的界面顯示方法，其特征在于，所述第二滾動方式為滑動鼠標滾輪滾動、拖動滾動條滾動或點擊...
【專利技術屬性】
技術研發人員：李孝遠，
申請(專利權)人：深圳開鴻數字產業發展有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。