在开发移动端Web应用时，经常会遇到需要让一个区域内的内容滚动的情况。然而，在iPad上，默认情况下是不支持div元素自身滚动的。那么我们该如何让div元素在iPad上也能够滚动呢？
方案一：使用iScroll插件
iScroll是一个非常优秀的移动端滚动解决方案，它完美地解决了移动设备上的滚动问题。使用iScroll，你可以轻松地实现各种想象中的滚动效果。
具体使用方法如下：
首先我们需要在head标签中引入iScroll的js文件：
------- --------------------------
然后在body标签中创建一个div元素，并且为其添加id属性，以便于后面进行初始化：
---- -------------
---- --------------
---- ----------- ---
------
------接下来，我们需要初始化iScroll插件，并将其应用到我们创建的div元素上：
--- -------- - --- --------------------
注意，这里需要等待页面加载完成再进行初始化操作，否则可能会出现一些莫名其妙的问题。
方案二：使用CSS属性-webkit-overflow-scrolling
还有一种比较简单的方法，就是使用CSS属性-webkit-overflow-scrolling。这个属性是Safari和Chrome浏览器的私有属性，用于开启元素的滚动效果。
具体使用方法如下：
--------- -
--------- -----
--------------------------- ------
-通过给div元素添加overflow:auto属性和-webkit-overflow-scrolling:touch属性，我们可以轻松地实现div元素的滚动效果。
总结
以上两种方法都能够让div元素在iPad上实现滚动效果，不过它们各有所长。iScroll插件功能更加强大，可以实现更多定制化的需求；而使用CSS属性-webkit-overflow-scrolling则比较简单，适用于一些简单的场景。
值得一提的是，为了保证在各种移动设备上获得更好的兼容性，我们建议使用方案二来实现滚动效果。
希望本文对你有所帮助，感谢你的阅读！
以下是完整示例代码：
--------- -----
------
------
----- ----------------
---------------------------
------ ----------------
-------- -
------ ------
------- ------
------- --- ----- -----
-
--------- -
--------- -----
--------------------------- ------
------- -----
-
--------
-------
------
---- -------------
---- --------------
------------------------------
------------------------------
------------------------------
------------------------------
------------------------------
------------------------------
-------------------------
- ----------------------------------------------------------- --------
---------------------------------------------------------------------------------------