jQuery的懒加载是通过判断当前页面滚动条的位置与需要加载的图片的位置之间的关系来判断图片是否在视野范围内的。
具体地说,当页面滚动时,jQuery会监听滚动事件,并计算每个需要懒加载的图片与窗口顶部的距离,如果该距离小于窗口的高度,则说明图片已经进入视野范围内,可以开始加载。同时,为了避免频繁地计算距离,jQuery通常会使用节流或者防抖等技术来限制事件的触发频率。
底层原理就是通过浏览器的 DOM 操作、事件监听等功能,实现了对页面元素的动态加载和视觉效果控制。jQuery懒加载插件通过计算元素的位置和浏览器窗口大小的关系,判断元素是否进入了视口,从而控制元素的加载和显示。