swiper内部内容过多超出屏幕滑

swiper-slide内部内容过多超出屏幕滑动展示剩余内容，在pc端滚动鼠标滚轮是可以实现剩余内容的展示的。
但是在移动端，滑动swiper-slide内部的内容不会随着手指的滑动而滚动。不知道有什么办法可以解决此问题？

提供参考
移动端swiper-slide内部内容滑动的问题可以通过使用iScroll插件或者swiper的nested属性来解决。以下是两种方法的简单介绍：

使用iScroll插件
iScroll是一个移动端的滚动框架，可以使得在移动设备上的滑动操作更加流畅和可靠。使用iScroll插件可以将swiper-slide的内容包裹在一个div内，然后通过iScroll对象的实例化来启用滚动操作。
以下是简单的示例代码：
html

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <div id="iscroll-wrapper">
        <!-- 需要滚动的内容 -->
      </div>
    </div>
  </div>
</div>
 <script src="iscroll.js"></script>
<script>
  var myScroll = new IScroll('#iscroll-wrapper', { 
    // iScroll 配置项 
  });
</script>

使用swiper的nested属性
swiper的nested属性可以使得swiper-slide内部的内容形成一个嵌套的swiper，这样就可以通过手指的滑动来实现内部内容的滚动。需要注意的是，使用nested属性时，内部swiper的方向应该和外部swiper的方向相反。
以下是简单的示例代码：
html

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <div class="swiper-container nested-swiper">
        <div class="swiper-wrapper">
          <!-- 内部 swiper-slide -->
        </div>
      </div>
    </div>
  </div>
</div>
 <script>
var mySwiper = new Swiper('.swiper-container', {
  // 外部 swiper 配置项
  nested: true,
  direction: 'horizontal',
  // 内部 swiper 配置项
  on: {
    init: function () {
      var nestedSwiper = this.nested;
      // inner swiper 中的回调函数
    }
  }
})
</script>

以上两种方法可以解决移动端swiper-slide内部内容滑动的问题，具体选择哪一种方式取决于实际需要。

给你找了一篇非常好的博客，你可以看看是否有帮助，链接：解决swiper在PC端滑动，切换移动端不动的问题
除此之外, 这篇博客: swiper的动态观察者模式解决：swiper所在的页面先隐藏，后显示，swiper不自动播放了中的 问题处理 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
打开swiper的api文档，就可以找到这个属性：
其中：
```
observer: 监听swiper
observeParents: 监听swiper的父元素们
observeSlideChildren: 监听slide
```
给swiper加上对应的监听，就可以正常播放了。

swiper内部 内容过多超出屏幕滑

swiper内部内容过多超出屏幕滑