我在iPad上运行了一个Web应用程序。此应用程序中包含Kendo UI Accordion。
当页面内容超过屏幕大小并且我想滚动时,会发生正常页面滚动(按预期)。但是当试图滚动Kendo手风琴时,页面滚动发生而不是手风琴滚动(意外)。
我可以通过应用solution given by 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);
}}
答案 0 :(得分:1)
删除event.preventDefault()
事件侦听器中的touchstart
。它允许您单击可滚动区域内的链接。