我有一个网页,它是一个侧滚动条。目前所有内容都在页面加载时加载,但这正在变成一个巨大的页面!我对图像等应用了一些延迟加载......但它并不流畅,页面在尝试导航时感觉很尴尬。
有 7 个“窗格”,每个窗格都有一个具有唯一 ID 的父 DIV 标记。我想做的是当窗格 2 进入视图时,显示加载 gif 并且 div 为空白,直到加载所有内容/图像。加载内容/图像后,加载器消失,内容淡入。这将在所有窗格 2 - 7 中重复。
我已经查看了许多 jquery 脚本和方法,但我似乎无法完全理解如何具体实现这一点。这就像延迟加载,但对于整个 div 而不仅仅是图像。我希望页面在后台加载,但要防止用户例如看到尚未下载的窗格 3,显示图像加载的尴尬景象。
这比我意识到的更容易吗?我错过了什么?