Question

在所有设备上滚动可以工作但不能在iPhone上工作

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
@supports (-webkit-overflow-scrolling: touch) {

body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust:none;
  height: 1300px!important;
  position: relative!important;
  background-image: radial-gradient(circle at center , #0c505f, #053540 );
  color: #0c505f;
  width: 95%!important;
}

Answer 1

使用时动态向div添加内容 -webkit-overflow-scrolling：touch;超过div的高度，它变得破碎和不可滚动。你可以通过不断地解决这个问题一个内部div，触发滚动条，因为它高出1px 外部div： - （Patrick Muff）

.outer {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  /* More properties for a fixed height ... */
}

.inner {
  height: calc(100% + 1px);
}

滚动在iPhone上不起作用

1 个答案: