[发明专利]一种提高超长列表滑动性能和用户体验的方法

摘要

本发明公开了一种提高超长列表滑动性能和用户体验的方法，具体包括DOM回收、占位骨架图和滚动锚定三种方法。本方法通过DOM回收技术，可以让长列表页面的节点数保持在一个较低的值，这样会占用较少的内存且可以优化每一次重新布局的系统开销，不会在滑动页面的时候出现卡顿；通过占位骨架图，在用户较快的滑动长列表页面的时候，可以先以骨架图的形式占位在列表条目的对应位置，不会造成滑动的卡顿，且会有比较好的过渡效果，不会让用户感觉到生硬；通过滚动锚定的技术，在长列表显示的窗口尺寸发生变化的时候，能够重新定位到用户改变屏幕窗口尺寸之前的位置，极大的提高用户体验。

主权项

1.一种提高超长列表滑动性能和用户体验的方法,其特征在于：包括DOM回收、占位骨架图和滚动锚定三种方法，具体如下：DOM回收方法包括以下步骤：A、根据窗口尺寸和列表条目的平均高度，算出首屏需要展示的条目数量与范围，如0——20；B、当页面进行滚动的时候，根据列表条目的高度和页面的滚动高度，算出当前屏需要展示的条目范围，如10——30；C、将0——10的DOM结构从前面移动到后面，作为20——30的条目需要展示所用到的DOM结构，并通过给列表包含框添加一个等于0——10条目高度总值的填充高度值，使滚动条位置能够连续，而不会发生跳动；占位骨架图方法包括以下步骤：a、进行页面滚动的时候，会检查是否已经接近当前页面的底部，如果将要接近，开始请求下一页的数据；b、取当前列表条目的平均高度和基本样式，生成骨架图，占位到列表条目的对应位置；c、下一页数据获取成功后，用实际内容去替换步骤b中的骨架图。