Shopify移动端过度滚动时如何修改body背景色

要将过度滚动时的异常背景色改为白色，可尝试以下几种CSS实现方式：

• 全局背景色覆盖：确保页面最外层元素背景为白色，覆盖浏览器默认样式

html, body {
  background-color: #ffffff;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

• 限制过度滚动行为：通过overscroll-behavior属性避免触发浏览器默认的过度滚动背景效果，同时设置背景色

body {
  background-color: #ffffff;
  overscroll-behavior: contain;
}

• iOS Safari 适配：针对苹果浏览器的特殊滚动机制，调整页面容器样式

html {
  background-color: #ffffff;
  height: 100%;
  overflow: hidden;
}

body {
  background-color: #ffffff;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

内容的提问来源于stack exchange，提问作者mitri