Android 溢出x:滚动!重要信息:未在三星互联网上使用翻译的SVG';s

Android 溢出x:滚动!重要信息:未在三星互联网上使用翻译的SVG';s,android,css,svg,overflow,samsung-internet,Android,Css,Svg,Overflow,Samsung Internet,我有一个div容器,其中水平填充了一组动态绘制的SVG图形。因为容器的宽度超过了窗口的宽度,所以overflow-x:scroll!重要信息已应用。然而,即使它在大多数浏览器中都能工作,三星互联网浏览器也不会使div可滚动。我能做些什么吗 编辑:jQuery的scroll()函数也不会触发警报事件 EDIT2:我对每个SVG图形执行动态translate(),将它们排列成网格布局我找到了这个问题的原因: 正如我所说,我正在动态地绘制SVG元素。我还transform:translate()。但这

我有一个
div
容器,其中水平填充了一组动态绘制的SVG图形。因为容器的宽度超过了窗口的宽度,所以
overflow-x:scroll!重要信息
已应用。然而,即使它在大多数浏览器中都能工作,三星互联网浏览器也不会使
div
可滚动。我能做些什么吗

编辑:jQuery的
scroll()
函数也不会触发
警报
事件


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

我找到了这个问题的原因:

正如我所说,我正在动态地绘制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>

...
我需要这个结构:

<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>

...

你能在这里发布你的代码吗?@SeyyedMojtabaAkramzade我找到了一个解决我答案的方法