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我找到了一个解决我答案的方法