时间戳

首页 > 解决方案 > 访问新页面时 Safari 滚动背景更改颜色

html - 访问新页面时 Safari 滚动背景更改颜色

问题描述

通常在background-colorHTML 的 Body 元素上设置 时，Safari 会使用它作为滚动背景。它有效。但是我注意到一个错误，如果您转到另一个页面，使用鼠标垫滚动回上一页，然后尝试过度滚动，背景是白色/灰色。

有没有办法防止这种情况发生？我不想完全删除过度滚动，因为用户需要能够向下滚动页面，而且我实际上限制了使用 Javascript - 客户端请求。

这是发生问题的示例代码：

<html>
  <head>
    <title>Test</title>
    <style>
      html, body {
  background-color: red;
  height: 100%;
}

.wrapper {
  background: green;
  color: white;
  padding: 20px;
}
    </style>
  </head>
  
  <body>
   <div class="wrapper">
     <h1>This is a test</h1>
    </div>
  </body>
</html>

如果您在 Safari 中通过 codepen 或 .html 文档运行它，一切似乎都很好。但是，如果您访问另一个页面，然后返回并过度滚动，问题就开始了。

标签： htmlcssbrowsersafari

解决方案

推荐阅读