Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Scrolling not working on Iphone

Tags:

html

scroll

I have the following div and the native scrolling does not work on it. Is there anything from this code that could possible be caused the scrolling to fail? Or is there something I can add to this to make the scrolling work?

<div id='calvw' style='overflow= hidden;'>    
  <a id='calevvw' dhx_l_id='#id#' data-ajax='false' href='eventview.php?eventid=#id#'
class='dhx_list_item dhx_list_day_events_time'
 style='width:{common.widthSize()}; height:{common.heightSize()};
border-bottom: 1px solid #cbcbcb; padding:{common.padding}px;
 margin:{common.margin}px; overflow:hidden;'>    
</a> 
</div>
like image 962
Steven Avatar asked Mar 16 '13 21:03

Steven


People also ask

Why is my phone not allowing me to scroll?

Wipe Android cache partition The #1 reason why you may experience the Android phone scrolling problem after upgrading or updating your device is because of corrupted system cache data. Normally, the system and app cache helps your device load apps and processes faster.


1 Answers

If the div you are tying to have scroll is #calvw, this won't work, as you have overflow:hidden on it.

Change the css of that element to:

overflow:scroll;
-webkit-overflow-scrolling:touch;

To enable native, momentum scrolling.

like image 60
Charlie Avatar answered Sep 18 '22 00:09

Charlie