解决页面使用overflow: scroll，overflow-y:hidden在iOS上滑动卡顿的问题

在 iOS 上，使用 `overflow: scroll` 或 `overflow-y: hidden` 可能会导致页面卡顿。这是因为 iOS 在处理滚动时使用的是软件渲染，而不是硬件加速。为了解决这个问题，可以尝试以下几种方法：

1. 使用 `transform: translateZ(0)` 开启硬件加速

将要滚动的元素的样式设置为 `transform: translateZ(0)`，可以开启硬件加速，从而提高滚动的性能。

.scroll {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  transform: translateZ(0);
}

2. 使用 `will-change` 预先声明动画属性

使用 `will-change` 预先声明要进行动画的属性，可以让浏览器提前做好优化，从而提高滚动的性能。

.scroll {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

3. 使用 `requestAnimationFrame` 控制滚动

使用 `requestAnimationFrame` 控制滚动，可以让滚动更加平滑，从而提高滚动的性能。

var scrollEl = document.querySelector('.scroll');
var lastScrollTop = 0;
var ticking = false;

scrollEl.addEventListener('scroll', function() {
  lastScrollTop = scrollEl.scrollTop;

  if (!ticking) {
    window.requestAnimationFrame(function() {
      scrollHandler(lastScrollTop);
      ticking = false;
    });
  }

  ticking = true;
});

function scrollHandler(scrollTop) {
  // 处理滚动
}

以上是三种解决 iOS 上使用 `overflow: scroll` 或 `overflow-y: hidden` 导致页面卡顿的方法，可以根据实际情况选择适合自己的方法来解决问题。