css - fixed position sidebar navigation overlapping with footer

Question

I'm using bootstrap's affix code in my website.

But its overlapping in the footer.

Can someone help me to stop the scroll before footer instead of overlapping it.

I have a created a demo to show you, how my website looks like.

Full page jsfiddle demo :

click here to view it

Here is the code.

click here to view it

Answer 1

Finally I found a plugin which does this job. I hope this answer will be useful to others

https://github.com/bigspotteddog/ScrollToFixed