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

Question

我看到一个很好的网站模板并开始创建一个网站。链接是：https://html5up.net/lens。在这个过程中，我观察到一个典型的UI错误，如果用户向下滚动页面并点击＆＃34; X＆＃34;图像（查看全屏图像），切换回来，滚动到页面顶部，虽然它仍然出现在DOM中，但之前可见的内容消失。 我看到为切换编写的js函数，它很简单并且工作正常，直到我们不在网页上滚动。请参阅错误截图。Screenshot of the bug

Answer 1

这是known, ongoing issue Chrome and CSS visibility。您可以通过更新受影响的孩子的CSS来“修复”这个问题，即。更改类或手动设置子元素的可见性。我相信这是因为Chrome会自动阻止div的渲染，因为在调用它们时，它们会在屏幕外显示而无法查看。