文章/答案/技术大牛

发布

社区首页 >问答首页 >快速滚动，内容将从视图中消失。

问快速滚动，内容将从视图中消失。
EN

Stack Overflow用户

提问于 2022-04-19 18:58:30

回答 1查看 114关注 0票数 0

我已经构建了一个静态内容的网页，没有滚动效果或滚动上的javascript事件。我的问题是，如果我快速滚动从上到下，内容消失和再次出现在0.5秒后，甚至彩色背景的div消失了片刻，并再次出现。你能告诉我为什么会这样吗？为什么我的内容不能保持可见，无论我滚动的页面有多快，我想在堆栈溢出的网站上像滚动一样。

谢谢，安德烈

javascript

html

css

回答 1

Stack Overflow用户

发布于 2022-04-19 19: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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71929990

复制

相似问题

问快速滚动，内容将从视图中消失。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问快速滚动，内容将从视图中消失。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问快速滚动，内容将从视图中消失。
EN