jQuery - output scrollLeft when horizontally scrolling

Question

I have a codepen here - https://codepen.io/mt-ttmt/pen/VxYmbG

It's a simple container with a wider container inside that scroll left to right.

How do I out the scrollLeft position of the inner container when scrolling left to right

$(function(){

  $(window).scroll(function(){
    console.log($('.content').scrollLeft());
  })

})

Answer 1

Made some small changes. This seems to be working:

https://codepen.io/anon/pen/WJbRGj

$(window).on('scroll mousewheel', function(){
   console.log($('.content').position().left); 
});