Kendo UI下拉菜單移動滾動

Question

我目前正在開發一個使用Kendo UI的應用程序。我用一個下拉列表這樣

Kendo UI dropdownlist

在瀏覽器，它的工作的罰款。我可以用滾輪打開列表滾動條，但是當我嘗試在具有觸摸功能的設備（平板電腦或智能手機）上使用它時，我無法在下拉列表中滾動。

如何在下拉列表中添加偵聽器或其他內容，這樣可以滾動？

Answer 1

從這裏：

Kendo Support Forum - Unable to scroll on iPad

要啓用的DropDownList（尤其是彈出式）的滾動你 需要包括kendo.mobile.core.js，kendo.mobile.scroller.js。檢查 this jsFiddle demo，它顯示如何啓用移動設備中的滾動。

從小提琴的CSS：

.km-touch-scrollbar { 
    position: absolute; 
    visibility: hidden; 
    z-index: 200000; 
    height: .3em; 
    width: .3em; 
    background-color: #333; 
    opacity: 0; 
    border-radius: 0.4em; 
    -moz-border-radius: 0.4em; 
    -webkit-border-radius: 0.4em; 
    -webkit-transform-origin: 0 0; 
    -moz-transform-origin: 0 0; 
    transform-origin: 0 0; 
    -webkit-transition: opacity 0.3s linear; 
    -moz-transition: opacity 0.3s linear; 
    transition: opacity 0.3s linear; 
} 
.km-vertical-scrollbar { 
    height: 100%; 
    right: 1px; 
    top: 0; 
} 
.km-horizontal-scrollbar { 
    width: 100%; 
    left: 0; 
    bottom: 1px; 
} 
.km-scroll-container { 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
    -webkit-margin-collapse: separate; 
} 
.km-android .km-touch-scrollbar { 
    background-color: #33b5e5; 
    border-radius: 0; 
    -moz-border-radius: 0; 
    -webkit-border-radius: 0; 
}