Learn all about the jQuery function .scrollLeft().
The horizontal scroll position is the same as the number of pixels that are hidden from view to the left of the scrollable area. If the scroll bar is at the very left, or if the element is not scrollable, this number will be
.scrollLeft(), when called directly or animated as a property using
.animate(), will not work if the element it is being applied to is hidden.