Calculating total width of div with hidden images

Question

I am trying to calculate the width of a div with 10 images of width 200px.

However the images have overflow: hidden in the css. I believe this means I can not get the correct value for the width. Do you know how I can somehow get the correct value of 2000 px and not the viewport width?

Here is a codepen example:

http://codepen.io/dwigt/pen/EWvoEo/?editors=1111

Answer 1

$('.scrollmenu')[0].scrollWidth