You simply need to set a height of the containing element that contain the image. And then set that element in css to overflow-y: scroll in the css. Just basic. Then your image will be shown using scroll..
More specifically for woocommerce .. you can set this css to your style.css
.product-images{overflow-y:scroll; background:url(yourimageurl) no-repeat; width:widthof the image height: height of the background image}