CSS position:sticky在不同浏览器上对于父元素（html和body标签）的overflow属性的表现可能会有奇怪的行为。这是因为不同浏览器对于sticky定位的实现有所不同。

解决这个问题的方法是通过给父元素添加一个包裹元素，并设置该包裹元素的overflow属性，而不是直接在html和body标签上设置overflow属性。

以下是一个示例代码：

HTML:

  
Header
  

    Content
  
  

CSS:

html, body {
  height: 100%;
  margin: 0;
}

.wrapper {
  height: 100%;
  overflow: auto;
}

header {
  position: sticky;
  top: 0;
  background-color: gray;
}

footer {
  position: sticky;
  bottom: 0;
  background-color: gray;
}

在上面的代码中，我们给父元素添加了一个.wrapper类，并在该类上设置overflow属性。然后在子元素（header和footer）上使用position:sticky来实现粘性定位。

这样做的好处是可以避免不同浏览器对于html和body标签上overflow属性的奇怪行为。同时，这种方法也提供了更好的控制和扩展性，因为你可以在包裹元素上添加其他样式以满足你的需求。