qq_40639028的博客

原理：根据屏幕高度和一条数据展示所需要的dom节点高度，求出屏幕能展示的数据条数。在渲染数据的div的同级加一个div（高度为所有数据展示完的高度），目的是显示滚动条。监听滚动，根据滚动条位置，计算截取所有数据中能在屏幕中展示的数据段，进行渲染。当数据量特别大时，一次性全部展示出所有数据，会造成页面渲染慢，白屏，卡顿的现象。为解决这样的问题，可以尝试使用虚拟加载dom节点的方式。优化：可以配合节流函数进行优化，防止暴力滚动。

系统数据大屏开发适配方案。通过css样式transform的属性scale实现展示盒子的缩放实现适配。

AOS.js页面滚动动画库CSS3演示效果。