jquery - 如何从 java 脚本设置 -webkit-overflow-scrolling 样式？

Question

我必须使用 java 脚本设置 -webkit-overflow-scrolling 我尝试使用以下代码但无法正常工作

$("#myDiv").css("-webkit-overflow-scrolling","none");

在“myDiv”上，我应用了 .scrollable 类，如下所示

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

Answer 1

您可以使用 javascript 设置 webkit-overflow-scrolling 属性，如下所示：

document.getElementById("myDiv").style.webkitOverflowScrolling = "auto";

编辑：我认为 none 不是一个有效值，这就是它不起作用的原因。我认为“汽车”是你想要的。

根据文档，您可以使用以下选项：https ://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

auto：一根手指滚动，没有动量。

touch：原生风格的滚动。指定此样式具有创建堆叠上下文的效果（如不透明度、蒙版和变换）

Answer 2

你可以只创建一个类，就像一个工具..？

当内容宽度小于 700 像素时，我可以在我的网站上使用它

.tool-device-touch {
  @media (max-width: 700px) {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }
}

然后你可以这样做

$("#myDiv").addClass('tool-device-touch');

哇，差不多 4 年前问过... :-D