轻量级网站：使用延迟加载和锚点
Lightweight website : using lazy loading and anchor
我正在尝试不使用（或只使用一点）JavaScript 来制作一个轻量级网站。所以只有 HTML 和 CSS.
我在一个页面上工作，我在其中总结图像，当我们点击该图像时，它会滚动到摘要的末尾，我会在其中大规模显示每张图像并解释它的含义。
所以一切都在使用指向锚点的 href，但问题是因为我想让网站尽可能轻便，所以我在图像上使用 loading=lazy，但 href 锚点每次都会触发加载中...
有没有办法在没有 JavaScript（或轻量级版本）的情况下同时使用 href 锚点和延迟加载？
我发现 css 中的 scroll-behavior: smooth; 会触发每个图像的加载
因此，如果我不使用那个转换，我就不必在该页面上放置 JS！
但如果是你真正想要的东西，你可以隐藏大图片的div，然后写一个简单的函数，当你点击拇指时显示它。
我正在尝试不使用（或只使用一点）JavaScript 来制作一个轻量级网站。所以只有 HTML 和 CSS.
我在一个页面上工作，我在其中总结图像，当我们点击该图像时，它会滚动到摘要的末尾，我会在其中大规模显示每张图像并解释它的含义。
所以一切都在使用指向锚点的 href，但问题是因为我想让网站尽可能轻便，所以我在图像上使用 loading=lazy，但 href 锚点每次都会触发加载中...
有没有办法在没有 JavaScript（或轻量级版本）的情况下同时使用 href 锚点和延迟加载？
我发现 css 中的 scroll-behavior: smooth; 会触发每个图像的加载
因此，如果我不使用那个转换，我就不必在该页面上放置 JS！
但如果是你真正想要的东西，你可以隐藏大图片的div，然后写一个简单的函数，当你点击拇指时显示它。