【问题标题】:PhoneGap Android + jQuery mobile app does not scroll downPhoneGap Android + jQuery 移动应用不向下滚动
【发布时间】:2012-10-19 14:43:20
【问题描述】:

我有一个在触摸时展开的 div,但是当它展开时它不会滚动到展开的部分。我注意到运行 2.3.3 的 Android 设备存在此问题,这也发生在较旧的 Iphone 上。我很确定这是一个 CSS 问题。

有人知道吗?

【问题讨论】:

  • 请发布您正在使用的代码,包括 css、html 和 jQuery。
  • 代码?你一定尝试过什么......
  • 嘿,感谢您的响应,我尝试在内容容器的 css 中添加可见的溢出,它有点工作。我正在使用 jquary 内容类,但这是我在我的 css:.content_container.ui-content { padding: 15px;溢出:可见;这是我在触摸时展开的 div 的容器

标签: android ios css cordova jquery-mobile


【解决方案1】:

老款安卓手机和老款IOS不支持div滚动:使用该功能可以滚动你要滚动的元素:

function TouchScroll(elem){

// alert("正在听");

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

}

【讨论】:

    猜你喜欢
    • 2020-11-04
    • 2017-08-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-04
    • 1970-01-01
    • 2013-08-31
    • 1970-01-01
    相关资源
    最近更新 更多