Can't get the footer to stay fixed on transition.

Can't get the footer to stay fixed on transition.

For the little project I am creating I need to implement the code that makes a content div the exact size between the header & footer (primarily for when using the keyboard).

I have this working fine - although it is slightly out in the  fiddle I have created it works in a browser and iOS  simulators.

The problem I have is keeping the same footer across all pages. If I use the same data-id it still scrolls instead of remaining fixed.

Any ideas or help would be greatly appreciated as once over this I am good to go!

Thanks,
Paul.