android - 是否可以在 Chrome for Android 中滚动 div？

Question

Here is a chunk of text inside a scrollable div.

我可以在 Chrome for Mac 中用两根手指滚动它。我可以用一根手指在我的 iPad 上滚动它。但是，我找不到任何方法在 Chrome for Android 中滚动它。

也许有使用触摸 API 的解决方法？

Answer 1

Android 版 Chrome 的另一个快速修复 (http://chris-barr.com/index.php/entry/scrolling_a_overflowauto_element_on_a_touch_screen_device/)

首先创建一个函数来检查它是否是触摸设备...

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

然后函数让div可以滚动

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);
  }
}

...调用传递元素id的函数

touchScroll("divIdName");