可水平滚动的svg元素?

时间:2015-07-27 11:37:55

标签: html css svg material-design-lite

我想在我的网页中间放置一个svg图片: design mockup

图像应部分水平显示 - 例如,最初应显示图像的1/3,用户应能够水平滚动(以查看剩余的2/3部分)。我该怎么做? (它也应该在移动浏览器中工作)。

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

UPD。应该可以用鼠标/点击滚动它,并且应该隐藏滚动条。请参阅jsfiddle.net/and7ey/pLf5namm/embedded/result /.

1 个答案:

答案 0 :(得分:2)

使用overflow-x

svg {
   overflow-x: scroll;
}