如何在SVG(滚动div中的对象标记)上启用Safari滚动？
如何在SVG(滚动div中的对象标记)上启用Safari滚动？
提问于 2015-02-04 14:20:40
我有下面的代码来显示--作为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标记，则不会显示这些元素。
临时我正在处理的页面是这里。
回答 2
Stack Overflow用户
发布于 2015-02-04 15:22:07
如果您知道SVG文件的高度(我认为您知道)，只需将总高度添加到以下内容：
<div id=content>例如，图片每幅高300 add，添加样式：
#content { height: 900px; }然后外边会滚动
如果您不知道高度，那么测量它们的onload，并在加载时添加高度#content div。
Stack Overflow用户
发布于 2015-02-05 10:45:10
到目前为止，我想出的最好的答案是在SVG的顶部放置一个透明的图像。
<img id=scroller src=spacer.gif
width=500px height=10000px
style="position:absolute;top:0px;left:0px">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28323692
复制相关文章
相似问题
腾讯云开发者
