Jquery iPad设备上的x和y溢出未显示

我无法在iPad设备上的div上显示滚动条

我正在使用：

-webkit-overflow-scrolling: touch;

这是可行的，但是我希望在用户实际触摸

div

以启用滚动条之前，滚动条是可见的

我只希望当你进入页面时，

overflow-y

在iPad上可见，然后一旦用户触摸div，只显示

overflow-y

---

我该怎么做呢？

听起来您需要JavaScript来更改样式，或者添加/删除类

CSS

JS（使用jQuery）

.match{
    overflow-y:scroll;
}
.match.post-scroll{
    -webkit-overflow-scrolling:touch;
}

$(".match").one("click", function(){
    $(this).addClass("post-scroll");
});