html - 轻量级网站：使用延迟加载和锚点

我正在尝试不使用（或仅使用少量）JavaScript 来制作一个轻量级网站。所以只有 HTML 和 CSS。

我正在处理一个汇总图像的页面，当我们单击该图像时，它会滚动到摘要的末尾，在那里我会大规模显示每个图像并解释它的含义。

所以一切都与锚的href一起工作，但问题是因为我想让网站尽可能轻，我loading=lazy在我的图像上使用但是href锚会触发每次加载...

有没有办法在没有 JavaScript（或轻量级版本）的情况下同时使用 href 锚和延迟加载？

标签： htmllazy-loadinganchor

我发现scroll-behavior: smooth;在 css 中触发加载每个图像的方式

因此，如果我不使用该转换，我就不必将 JS 放在该页面上！

但如果这是你真正想要的东西，你可以隐藏带有大图像的 div，并编写一个简单的函数来在你点击拇指时显示它。