我有一个在 iPad 上运行的 Web 应用程序。该应用程序内部包含一个Kendo UI Accordion。
当页面的内容超过屏幕的大小并且我想要滚动时,会发生正常的页面滚动(如预期的那样)。但是当尝试滚动 Kendo Accordion 时,页面滚动发生而不是手风琴滚动(意外)。
通过应用Chris Barr 给出的解决方案,我能够部分解决这个问题。
应用此解决方案后,手风琴正在滚动,而不是我想要的整个页面。
但问题是当我单击手风琴上的项目时,手风琴项目没有得到扩展。我怎样才能开始工作。
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);
}}