html - 水平滚动的 svg 元素？

Question

我想在我的网页中间放置一个 svg 图像:

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

以防万一这很重要 - 我使用 Material Design Lite作为框架。

更新。应该可以用鼠标/点击滚动它并且应该隐藏滚动条。请参阅 jsfiddle.net/and7ey/pLf5namm/embedded/result/上的演示。

Answer 1

使用overflow-x。

svg {
   overflow-x: scroll;
}