h5页面再app内无法滚动

在移动端开发中，H5页面作为一种跨平台的解决方案被广泛使用。然而，在将H5页面嵌入到原生App中时，有时会遇到一个问题，即H5页面无法滚动。这个问题的出现给用户带来了极大的不便，同时也给开发者带来了很大的困扰。本文将详细介绍这个问题的原因以及解决方法。

### 问题的原因

H5页面无法滚动的原因有很多，其中最主要的原因是因为原生App对于H5页面的滚动事件做了拦截。具体来说，原生App会将H5页面的滚动事件拦截掉，然后自己处理，导致H5页面无法滚动。

原生App拦截H5页面的滚动事件的原因是因为在移动端开发中，原生App和H5页面通常是通过WebView来实现互相嵌入的。而WebView是一个内置浏览器，它会拦截所有的滚动事件，包括原生App和H5页面的滚动事件。这样做的目的是为了提高用户的体验，让用户在滑动页面时感觉更加流畅。

### 解决方法

针对H5页面无法滚动的问题，有以下几种解决方法：

#### 1. 使用iScroll插件

iScroll是一款非常流行的移动端滚动插件，它可以在H5页面中模拟原生App的滚动效果，解决了H5页面无法滚动的问题。使用iScroll插件的具体步骤如下：

1. 引入iScroll插件的js和css文件。

2. 在页面中创建一个div，用于包裹需要滚动的内容。

```html