Aron H

I am wanting to make an image viewer where I can drag an image positioned absolutely within a square container to view more of the image. I got it working if I set the image height to 'auto'. However, I want to use 'height: 100%' and 'object-fit: cover' on the image so I can maximize how much is viewed at one time. Since width and height are both set to 100%, no drag events ever fire. How can I animate the 'object-position' css property instead of the image x & y coordinates?