看到一个不错的网站模板，就开始做网站了。链接是:https://html5up.net/lens .在此过程中，我观察到一个典型的 UI 错误，如果用户向下滚动页面并单击图像的“X”(以查看全屏图像)，切换回来，滚动到页面顶部，其中的内容在消失之前是可见的，尽管它仍然出现在 DOM 中。 我看到为切换器编写的 js 函数，它很简单并且工作正常，直到我们不在网页上滚动。请查看错误截图。 Screenshot of the bug
最佳答案
这是一个 known, ongoing issue与 Chrome and CSS visibility .您可以通过更新受影响的 child 的 CSS 来“修复”这个问题，即。更改类或简单地手动设置子元素的可见性。我相信这是因为 Chrome 会自动阻止 div 的呈现，因为在调用它们时，它们不在屏幕上并且不可见。
关于javascript - 页面滚动和切换后文本消失，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44770120/