我有下面的代码来显示--作为SVG存储在滚动div中的一系列组合图像
<div style="overflow:scroll;width:500px;height:500px">
<object src=image1.svg></object>
<object src=image2.svg></object>
<object src=image3.svg></object>
</div>在Safari中滚动,使用两个手指的或鼠标轮,当游标位于SVG的上时,不能工作。
在Chrome和Firefox中,页面的表现与预期一样(在任何地方都可以滚动)。
是否有一个特定于Safari的CSS标记,允许滚动事件通过SVG的?
SVG是在对象标记中绘制的,因为它们包含一些位图元素,如果在基于webkit的浏览器中调用img标记,则不会显示这些元素。
临时我正在处理的页面是这里。
发布于 2015-02-05 10:45:10
到目前为止,我想出的最好的答案是在SVG的顶部放置一个透明的图像。
<img id=scroller src=spacer.gif
width=500px height=10000px
style="position:absolute;top:0px;left:0px">https://stackoverflow.com/questions/28323692
复制相似问题