android - 溢出-x：滚动！重要不能在三星互联网上使用翻译的 SVG

Question

我有一个div水平填充了一组动态绘制的 SVG 绘图的容器。因为容器的宽度超过了窗口的宽度，所以overflow-x: scroll !important被应用了。然而，即使它适用于大多数浏览器，三星互联网浏览器也不会使div滚动。我能做些什么吗？

编辑：jQuery 的scroll()函数也不会触发alert事件

EDIT2：我对每个 SVG 绘图执行动态translate()以将它们排列成网格布局

Answer 1

我发现了这个问题的原因：

正如我所说，我正在动态绘制 SVG 元素。我也是transform: translate()他们。但这不会使overflow-x三星互联网上的工作。相反，我必须为每个 svg 绘图创建一个包装器div并翻译这个包装器而不是 svg 本身。

因此，而不是这种结构：

<div id="big-wrapper">
  <svg style="transform: translate([dynamic value to order all svgs in a grid])"></svg>
  <svg style="transform: translate([dynamic value to order all svgs in a grid])"></svg>
  <svg style="transform: translate([dynamic value to order all svgs in a grid])"></svg>
  ...
</div>

我需要这个结构：

<div id="big-wrapper">
  <div id="small-wrapper1" style="transform: translate([dynamic value to order all svgs in a grid])">
     <svg></svg>
  </div>
  <div id="small-wrapper2" style="transform: translate([dynamic value to order all svgs in a grid])">
     <svg></svg>
  </div>
  <div id="small-wrapper3" style="transform: translate([dynamic value to order all svgs in a grid])">
     <svg></svg>
  </div>
  ...
</div>