Wrong element is grabbed on scrolling

[edalzell]

Sample file has 9 divs.

See sample code. I have manually filled my array with all the divs. When I scroll down I get,
[Log] ["1 in from bottom."] (ba-debug.min.js, line 12) [Log] ["1 out top."] (ba-debug.min.js, line 12)

I should get '1 out top' and '4 in from bottom'. It seems the same element is hit twice?

Tested on Safari/Mac and Chrome/Mac.

All files here: https://gist.github.com/edalzell/28b763a11d5984eec339