Reading Position Indicator Based On Div Instead Of The Whole Page

I want to show a Reading Position Indicator on my site. Unfortunately, the site is much longer than the text to read. The content is inside a single DIV called 'content-wrapper'. A

Solution 1:

You are using height of whole window. You should use "your div's height". like:

var winHeight = $('#div').height(), docHeight = $('document').height(),

Solution 2:

You'll want to set your:

var docHeight = &('#content-wrapper').height();