快速滚动，内容将从视图中消失。
提问于 2022-04-19 10:58:30
我已经构建了一个静态内容的网页，没有滚动效果或滚动上的javascript事件。我的问题是，如果我快速滚动从上到下，内容消失和再次出现在0.5秒后，甚至彩色背景的div消失了片刻，并再次出现。你能告诉我为什么会这样吗？为什么我的内容不能保持可见，无论我滚动的页面有多快，我想在堆栈溢出的网站上像滚动一样。
谢谢，安德烈
回答 1
Stack Overflow用户
发布于 2022-04-19 11:59:04
我看不出滚动有多快导致内容从视图中消失。
如果div的内容非常重的话，可能是您的计算机正在为呈现而苦苦挣扎。
参见附件中的示例，该示例没有呈现问题。
var colorArray = ['#FF6633', '#FFB399', '#FF33FF', '#FFFF99', '#00B3E6',
'#E6B333', '#3366E6', '#999966', '#99FF99', '#B34D4D',
'#80B300', '#809900', '#E6B3B3', '#6680B3', '#66991A',
'#FF99E6', '#CCFF1A', '#FF1A66', '#E6331A', '#33FFCC',
'#66994D', '#B366CC', '#4D8000', '#B33300', '#CC80CC',
'#66664D', '#991AFF', '#E666FF', '#4DB3FF', '#1AB399',
'#E666B3', '#33991A', '#CC9999', '#B3B31A', '#00E680',
'#4D8066', '#809980', '#E6FF80', '#1AFF33', '#999933',
'#FF3380', '#CCCC00', '#66E64D', '#4D80CC', '#9900B3',
'#E64D66', '#4DB380', '#FF4D4D', '#99E6E6', '#6666FF'];
colorArray.forEach(color => {
const div = document.createElement("div");
div.style.height = "200px";
div.style.width = "100%";
div.style.background = color;
div.textContent = color;
app.appendChild(div);
});#app {
min-height: 3500px;
}<div id="app"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71929990
复制相关文章
腾讯云开发者
