1

我有一个在 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);
}}
4

1 回答 1

1

event.preventDefault()touchstart事件监听器中移除。它将允许您单击可滚动区域内的链接。

于 2013-07-30T06:53:46.423 回答