我有一个在 iPad 上运行的 Web 应用程序。此应用程序包含 Kendo UI Accordion在里面。
当页面内容大于屏幕大小并且我想要滚动时,会发生正常的页面滚动(如预期)。但是,当尝试滚动 Kendo Accordion 时,页面滚动而不是 Accordion 滚动(意外)。
我可以通过应用 solution given by Chris Barr 部分解决这个问题。 。
应用此解决方案后, Accordion 开始滚动,而不是我想要的整个页面。
但问题是当我单击 Accordion 上的项目时, Accordion 项目不会展开。我怎样才能开始工作。
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);
}}
最佳答案
删除 touchstart
事件监听器中的 event.preventDefault()
。它将允许您单击可滚动区域内的链接。
关于javascript - Kendo UI Accordion 未在 iPad 中扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17585612/