Image not completely scrollable after zoom in

Hi @jcsmith1859

I have a map image to be zoomed in and out.I created it using the zoomable directive which you have done.Here is my codepen link

Both the zoom in and zoom out are working fine but the problem is, once the zooming is done, I cannot scroll the entire image.The width of the image which I am using is 2182px and height is about 2960px.