"back to top" refuses to work

"back to top" refuses to work

Hi,

I'm trying to make a mobile version of my site, via PhoneGap. The code I'm using for a "go back to the top" button, is simply:

1.         <!-- so we can jump back to top =)) -->
2.         <div id="topFixer" style="width: auto; height: auto; top: 10px; right: 10px; position:fixed; z-index: 1000; color: #fb8335; display:none;">
3.             <b class="icon icon-arrow-up icon-3x" id="backToTop"></b>
4.         </div>

The JS code is:

1. $(document).on("click","#topFixer", function() {
2.         $('html, body').animate({scrollTop:0}, 'slow');
3.  });

This works absolutly fine in FF/Chrome/Safari/IE ... yet won't work when you click it on my Android phone. Anyone got any ideas on whats going on? I'm at my wits end with it

UPDATE - I'm using  Android 2.2 (which  it won't work on)... yet it works fine on Android 4 on my brothers Samsung!!!!)

TIA

Andy