Javascript 滚动位置不恒定时的滚动效果

我目前正在制作tumblr主题，我想实现如下内容：

---

为了它。我的想法是，当你滚动到“图片帖子”上时，背景会自动变暗为深灰色，这样你可以更好地看到内容，但当你离开图片帖子时，它会回到常规用户设置的颜色。唯一的问题是，在我链接的示例中，它依赖于用户滚动到页面上的某个点，而显然由于tumblr的性质，滚动位置不是恒定的。有什么想法吗

鼠标胡佛，鼠标点击事件这四个例子中你用的是哪一个？我用的是第一个。所以我只需要找出一些东西来替换滚动位置。你是说一个只有一列图片的单页Tumblr主题吗？也许有一个例子链接？我很遗憾没有看到另一个例子。但是是的，那只是一列帖子。这个想法是，当滚动经过一个图像时，整个背景会变暗，没有任何进一步的输入，但我认为它可能无论如何都不起作用。使其背景在屏幕上任何时候都变暗意味着它也会隐藏任何其他将隐藏的内容，即使这些内容是正在阅读的人当前正在与之交互的内容。