PhoneGap Android + jQuery 移动应用不向下滚动

Posted 2023-03-12

【中文标题】PhoneGap Android + jQuery 移动应用不向下滚动

【英文标题】：PhoneGap Android + jQuery mobile app does not scroll down

【发布时间】：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 的容器

【参考方案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);