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

Question

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

我在用：

-webkit-overflow-scrolling: touch;

这是可行的，但是我希望在用户实际触摸div以启用滚动条之前滚动条可见！

我只希望overflow-y当您进入页面时在 iPad 上可见，然后一旦用户触摸 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");
});