Javascript 文本在页面滚动和切换后消失

我看到了一个好的网站模板，并开始制作一个网站。链接是：。在这个过程中，我观察到一个典型的UI错误，在这种情况下，如果用户向下滚动页面并单击图像的“X”（以查看全屏图像），切换回，滚动到页面顶部，以前可见的内容将消失，尽管它仍然出现在DOM中。

---

我看到了为切换编写的js函数，它非常简单，工作正常，直到我们不在网页上滚动为止。请查看错误截图。

这是一个带有。您可以通过更新受影响子元素的CSS来“修复”此问题，即更改类或只是手动设置子元素的可见性。我认为这是因为Chrome自动阻止了div的渲染，因为在调用div显示时，div是屏幕外的，不可查看

似乎是什么原因导致它无法重新绘制。突出显示文本并重新显示。所以它可能只是在等待焦点或其他什么。必须查看代码。firefox中没有问题。在chrome中，它会变为空白，然后重新出现。就好像它正在尝试重新加载图像。也许在滚动条中使用较小的缩略图而不是全尺寸图像？