Tag Archives: overflow

Android y overflow auto o scroll. Javascript workaround

Pues tras ver que andriod todavía no soporta overflow:scroll

He dado con una solución javascript, impotar estas dos funciones:

		function isTouchDevice(){
			try{
				document.createEvent("TouchEvent");
				return true;
			}catch(e){
				return false;
			}
		}

		function touchScroll(id){
			if(isTouchDevice()){ //if touch events exist...
				var el=document.getElementById(id);
				var scrollStartPos=0;

				document.getElementById(id).addEventListener("touchstart", function(event) {
					scrollStartPos=this.scrollTop+event.touches[0].pageY;
					event.preventDefault();
				},false);

				document.getElementById(id).addEventListener("touchmove", function(event) {
					this.scrollTop=scrollStartPos-event.touches[0].pageY;
					event.preventDefault();
				},false);
			}
		}

Luego en el document.ready

$(function(){
			touchScroll('my-id');
})