Html 可水平滚动的svg元素？ 我想把SVG图片放在我的网页中间：

图像应部分水平显示-例如，最初应显示图像的1/3，用户应能够水平滚动图像（以查看剩余的2/3部分）。我应该如何做到这一点？（它应该也适用于移动浏览器）

以防万一，这很重要-我用它作为一个框架

---

Upd。应该可以用鼠标/轻触滚动，滚动条应该隐藏。请参阅jsfiddle.net/and7ey/pLf5namm/embedded/result/

Use

overflow-x

上的演示

svg {
   overflow-x: scroll;
}

---

给

body

和

html

一个宽度为

100%

的SVG

300%

不起作用？@Sirko，它显示图像的1/3，但没有办法滚动它。对我来说有效：我得到一个窗口滚动条。如果您想要一个仅用于SVG的滚动条，请将其包装在另一个

标记中，标记的

宽度为100%；溢出y：滚动；“

。谢谢，@Sirko。这几乎就是我所需要的。我最初没有提到过，但应该可以用鼠标/点击滚动它，滚动条应该隐藏起来。我能不能以某种方式实现这一点？并且，请你将你的回复作为答案发布，这样我就可以接受它了。”。