title: Horizontally scrollable svg element?
body: <p>I would like to place a svg image in the middle of my webpage:
  <a href="https://i.stack.imgur.com/KE2Ti.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KE2Ti.png" alt="design mockup"></a> </p>
  
  <p>The image should be shown partially horizontally - for ex., 1/3 of the image should be shown initially, user should be able to scroll it horizontally (to see remaining 2/3 part). How should I achieve that? (it should work in mobile browsers also).</p>
  
  <p>Just in case this is important - I use <a href="http://www.getmdl.io" rel="nofollow noreferrer">Material Design Lite</a> as a framework.</p>
  
  <p>Upd. It should be possible to scroll it with mouse/tap and scroll bar should be hidden. See the demo at jsfiddle.net/and7ey/pLf5namm/embedded/result/.</p>