在 uni-app 中，当你在外层 scroller 中嵌套多个 list 或 scroller 时，可能会遇到在 iOS 上外层 scroller 的 loadmore 事件不触发的问题，而在 Android 上正常。这个问题通常是由于 iOS 的滚动机制与 Android 不同导致的。

可能的原因

1. iOS 的滚动机制：iOS 的 scroll-view 或 scroller 在嵌套时，可能会因为子元素的滚动行为导致外层 scroller 的滚动事件无法正常触发。
2. 事件冒泡：在 iOS 上，子元素的滚动事件可能会阻止外层 scroller 的滚动事件冒泡，导致 loadmore 事件无法触发。

解决方案

以下是一些可能的解决方案：

1. 使用 scroll-view 替代 scroller

uni-app 中的 scroller 组件在某些情况下可能会有兼容性问题，尤其是在 iOS 上。你可以尝试使用 scroll-view 组件来替代 scroller，并确保正确设置 scroll-view 的属性。

<scroll-view scroll-y="true" @scrolltolower="loadMore">
  <!-- 嵌套的 list 或 scroller -->
</scroll-view>

2. 手动触发 loadmore 事件

如果外层 scroller 的 loadmore 事件无法自动触发，你可以尝试在子元素的滚动事件中手动触发外层的 loadmore 事件。

methods: {
  handleChildScroll(event) {
    // 判断是否滚动到底部
    if (event.detail.scrollTop + event.detail.scrollHeight === event.detail.scrollHeight) {
      this.loadMore();
    }
  },
  loadMore() {
    // 加载更多数据的逻辑
  }
}

3. 使用 page 的 onReachBottom 事件

如果你需要在整个页面底部加载更多数据，可以考虑使用 page 的 onReachBottom 事件，而不是依赖 scroller 的 loadmore 事件。

export default {
  onReachBottom() {
    // 加载更多数据的逻辑
  }
}

4. 避免过度嵌套

尽量避免在 scroller 或 scroll-view 中嵌套过多的滚动容器。如果可能，尝试简化布局，减少嵌套层级。

5. 使用 uni.$on 和 uni.$emit 进行事件通信

如果需要在子组件中触发外层的 loadmore 事件，可以使用 uni.$on 和 uni.$emit 进行跨组件事件通信。

// 子组件中
methods: {
  handleScroll(event) {
    if (event.detail.scrollTop + event.detail.scrollHeight === event.detail.scrollHeight) {
      uni.$emit('loadMore');
    }
  }
}

// 父组件中
mounted() {
  uni.$on('loadMore', this.loadMore);
},
beforeDestroy() {
  uni.$off('loadMore', this.loadMore);
}