Html CSS webkit sticky在devtools中的属性无效

我有一个网页，用于android和ios中的webview。我使用类

-webkit sticky

在滚动时将图形粘贴到位。但不幸的是，它只适用于chrome或android标签。但当我在ChromeDevTools的设备选择器中选择ipad时，它不起作用。我还注意到

-webkit sticky

是无效的

我的风格

.summary-content {
  width: 100%;
  float: left;
  /* height: calc(100vh - 50px); */
 overflow-y: scroll !important;
 overflow: hidden;
 position: -webkit-sticky;
 position: sticky;
 align-self: center;
 top: 0px;
}

---

它无效/被您声明的第二个position元素覆盖。尝试删除第二个位置属性，如下所示：

.summary-content {
  width: 100%;
  float: left;
  /* height: calc(100vh - 50px); */
  overflow-y: scroll !important;
  overflow: hidden;
  position: -webkit-sticky;
  align-self: center;
  top: 0px;
}

---

还是老样子，先生。