[發明專利]小程序長列表滾動顯示方法、裝置、電子設備及存儲介質

有效

• 申請號: 201811583683.2
• 申請日: 2018-12-24
• 公開（公告）號: CN109799945B
• 公開（公告）日: 2021-04-13
• 發明（設計）人: 俞亮
• 申請（專利權）人: 天津字節跳動科技有限公司
• 主分類號: G06F3/0485
• 分類號: G06F3/0485;G06F3/0488
• 代理公司: 北京睿馳通程知識產權代理事務所(普通合伙) 11604
• 代理人: 張文平

本公開提供一種小程序長列表滾動顯示的方法、裝置、電子設備及存儲介質，所述方法包括：接收觸控指令，激活所述小程序；通過頁面滾動容器對所述小程序的頁面進行初始化參數設置；接收手勢觸控指令，獲得觸控偏移量值，將所述觸控偏移量值與所述初始化參數進行比較，根據比較結果執行相應的長列表滾動指令。本公開實施例通過對小程序長列表滾動顯示方法進行改進，使得小程序能夠根據用戶的使用對長列表進行滾動顯示，滿足了小程序大數據列表的應用需求，克服了原有組件不能進行滾動顯示的技術障礙。

技術領域

本公開涉及計算機技術領域，具體為一種小程序長列表滾動顯示方法、裝置、電子設備及存儲介質。

背景技術

隨著移動互聯網的發展，小程序應用的規模越來越大，一些小程序不僅需要滿足客戶的基本應用需求，還需要有更加人性化的交互方式，一些小程序具有無限刷新的列表，例如電商和貼吧類的小程序，但是無限刷新的列表會在小程序中造成嚴重的性能問題，甚至會崩潰等，造成這個的主要原因是頁面元素過多，所以需要有一種能夠限制小程序頁面元素的長列表滾動顯示的優化方案，但是目前并沒有這樣的解決方案，所以急需一種能夠實現小程序列表滾動顯示的技術方案，以帶給用戶以更好的體驗。

因此，對于傳統的小程序應用進行技術改進，使其具有更加便捷的交互界面從而提高小程序的使用體驗，就成為一個特別急迫的技術問題。

發明內容

本公開的目的在于提供一種小程序長列表滾動顯示方法、裝置、電子設備及存儲介質，能夠實現小程序列表滾動顯示的技術效果。

根據本公開的實施方式，第一方面，本公開提供一種小程序長列表滾動顯示的方法，包括：

接收觸控指令，激活所述小程序；

通過頁面滾動容器對所述小程序的頁面進行初始化參數設置；

接收手勢觸控指令，獲得觸控偏移量值，將所述觸控偏移量值與所述初始化參數進行比較，根據比較結果執行相應的長列表滾動指令。

可選的，所述通過頁面滾動容器對所述小程序的頁面進行初始化參數設置，包括：

設置所述滾動容器的位置屬性、尺寸屬性、溢出屬性和/或觸控回調函數；

設置列表變量，根據起始列表數據渲染所述列表變量獲得初始化列表；

設置列表容器的區域參數和邊界參數。

可選的，所述接收手勢觸控指令，獲得觸控偏移量值，將所述觸控偏移量值與所述初始化參數進行比較，根據比較結果執行相應的長列表滾動指令，包括：

接收手勢觸控指令，根據觸控起始回調函數和觸控位移回調函數獲得觸控偏移量值；

比較所述觸控偏移量值與所述初始化參數，根據比較結果執行相應的長列表滾動指令。

可選的，所述比較所述觸控偏移量值與所述初始化參數，根據比較結果執行相應的長列表滾動指令，包括：

根據所述觸控偏移量值的正負，確定長列表的滾動方向；

根據所述列表容器的區域參數和所述列表容器的邊界參數關系確定所述長列表是否滾動到所述長列表邊界；

當所述長列表滾動到所述長列表邊界時，停止滾動。

可選的，所述根據所述觸控偏移量值的正負，確定長列表的滾動方向，包括：

所述觸控偏移量值為負時，所述長列表向上滾動；

所述觸控偏移量值為正時，所述長列表向下滾動。

可選的，所述根據所述列表容器的區域參數和所述列表容器的邊界參數關系確定所述長列表是否滾動到所述長列表邊界，包括：