当元素进入视口时,如何使用html或css(no js)发送请求

时间:2016-06-20 19:11:02

标签: javascript html css amp-html

我目前在我的项目中使用AMP-html,这让我在前端没有使用自己的javascript。有内置组件,但当某个元素滚动到视口中时,没有任何内容可以触发请求。

我想知道是否存在html / css hack以便为了分析目的而发射信标。 (当url是请求URL时,可能类似于延迟加载图像)

谢谢!

1 个答案:

答案 0 :(得分:3)

缺少:

据我所知,没有JavaScript,就无法可靠地进行滚动链接效果,延迟图像加载或“信标”。

长解释:

浏览器会预先为布局和DOM目的请求图像,即使它们位于当前视图之外。 The HTML5 spec表示,当禁用脚本时,浏览器可能同步或异步获取图像,但如果启用了脚本,则必须立即获取它们。仅当用户将其关闭,浏览器不支持或当前文档位于沙箱中时,才会将spec indicates脚本视为禁用。*

*基本上iframe的sandbox attribute不包含allow-scripts作为价值的一部分。

An old comment on another StackOverflow question表示还有其他方法可以尝试阻止图像加载,例如使用background-image,但它们在浏览器中并不相同,并且无法单独滚动来触发。