Question

I have a div that expands on touch, but when it expands it does not scroll to the expanded parts. I noticed this problem with Android devices running 2.3.3, this also happens on the older Iphone. I’m pretty sure it’s a CSS problem.

Does anyone have any idea?

Answer 1

Older android phones and older IOS does not support scrolling in divs: Use this function to scroll the element that you want to scroll:

function TouchScroll(elem){

// alert(“listening”);

var scrollStartPos=0;

elem.addEventListener("touchstart", function(event) {

                      scrollStartPos=this.scrollTop+event.touches[0].pageY;

                      // event.preventDefault();

                      },false);

elem.addEventListener("touchmove", function(event) {

                      this.scrollTop=scrollStartPos-event.touches[0].pageY;

                       event.preventDefault();

                      },false);   

}