如何禁用Microsoft Teams iOS应用的pull to refresh功能

Teams iOS端的下拉刷新逻辑在原生WkWebView层实现，常规DOM层CSS、JS事件拦截方案会被原生逻辑优先触发，因此普通修复手段无法生效。目前官方Teams SDK暂未提供直接禁用该功能的公开API，可使用以下经过社区验证的Workaround实现需求：

方案1：CSS滚动容器接管（首选方案） #

将页面滚动逻辑从原生body转移到自定义的全屏根容器，同时禁用body层的滚动和溢出弹性，从根源阻断原生下拉刷新的触发条件：

html, body {
  height: 100%;
  overflow: hidden;
  position: fixed;
  inset: 0;
  -webkit-overflow-scrolling: auto;
  margin: 0;
  padding: 0;
}

/* 自定义根滚动容器，接管所有页面滚动逻辑 */
.root-scroll-container {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

将你的应用根节点包裹在类名为root-scroll-container的容器内即可，该方案不会影响页面正常滚动体验，适配所有Teams iOS版本。

方案2：JS事件补充拦截（适配极端场景） #

如果方案1在旧版本Teams iOS客户端仍有问题，可补充添加触摸事件拦截逻辑，仅在页面滚动到顶部且用户下拉时阻断原生事件：

let initialTouchY = 0;
const rootContainer = document.querySelector('.root-scroll-container');

document.addEventListener('touchstart', (e) => {
  initialTouchY = e.touches[0].clientY;
}, { passive: false });

document.addEventListener('touchmove', (e) => {
  const yOffset = e.touches[0].clientY - initialTouchY;
  // 页面已滚动到顶部且用户执行下拉操作时拦截事件
  if (rootContainer.scrollTop <= 0 && yOffset > 0) {
    e.preventDefault();
  }
}, { passive: false });

注意事项 #

• 上述方案仅对iOS端生效，不会影响Android、桌面端Teams的正常交互逻辑
• 若你的应用是Teams嵌入式Tab页，需保证Teams SDK版本不低于2.0.0，避免旧版本容器的滚动兼容问题
• 不要删除root-scroll-container的-webkit-overflow-scrolling: touch属性，否则会导致页面滚动失去iOS端原生顺滑效果

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