无法在触摸设备（平板电脑）上多次滚动

Question

有一个Web地图应用程序，我们有表单显示各种功能。表单中的滚动条适用于桌面应用程序。但是在平板电脑中它很奇怪。

第一次加载应用程序并打开表单（jquery对话框）时，滚动条工作正常。但第二次它无法运行。下面是我们正在使用的webkit滚动条css。这种行为可能是什么原因？

::-webkit-scrollbar {
    width: 8px;
     -webkit-appearance: none;
}
::-webkit-scrollbar-button {
    width: 8px;
    height: 5px;
}
::-webkit-scrollbar-track {
    /* background:#dfdfdf;
    border: thin solid lightgray;*/
    box-shadow: 0px 0px 3px #dfdfdf inset; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #6b6b6b;
    border: thin solid gray;
    border-radius: 10px;
     -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
::-webkit-scrollbar-track:hover {
    background: #dfdfdf;
}