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

Question

我在滚动条显示在iPad设备上的div上时遇到问题。

我正在使用：

-webkit-overflow-scrolling: touch;

这是有效的，但是我想在用户实际触摸div之前显示滚动条以启用滚动条！

我只希望当你进入页面时在iPad上看到overflow-y，然后一旦用户触摸div，只显示overflow-y！

我该怎么做？

Answer 1

听起来你需要JavaScript来改变风格，或添加/删除一个类。

CSS

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

JS（使用jQuery）

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