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;
}