无法滚动chrome上的容器div元素(移动版)

Scr*_*ode 5 html javascript css google-chrome

我有一个弹出窗口div(比如parentDiv)有一个子div(比如containerDiv),它包含一组div元素,可以在桌面镶边上滚动.

<div id="parentDiv" style="position: absolute; top: 100px;">
  <div id="containerDiv" style="overflow: auto; position: relative; height: 150px;">
       <div>List 1</div> <!--Child div elements-->
       <div>List 2</div>
       <div>List 3</div>
       <div>List 4</div>
  </div>
</div
Run Code Online (Sandbox Code Playgroud)

令人惊讶的是,我能够在桌面上的chrome上滚动它,但无法在我的Tablet设备上滚动chrome.

请指出这里有什么不对.