Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

unable to scroll a container div element on chrome (Mobile Version)

I have a pop up like div (say parentDiv) which has a child div (say containerDiv) that contains a set of div elements and is scrollable on desktop chrome.

<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

Surprisingly, i'm able to scroll it on chrome on desktop, but unable to scroll on chrome on my Tablet device.

Please point out whats wrong here.

like image 887
ScrapCode Avatar asked Oct 31 '22 02:10

ScrapCode


1 Answers

Have you tried using:

overflow-y:scroll

instead?

like image 149
jenkizenki Avatar answered Nov 11 '22 04:11

jenkizenki