jQuery Show footer when reach bottom not working on mobile browsers

Question

I\'m trying to show a footer when the user scrolls down the bottom of a web page to show some information.

I use the below function which works perfectly on all deskt