Scroll to the top of the page without refreshing/reloading of that page

Question

I'm developing a mobile website. This website was mostly viewed in Opera mini and UCbrowser. I have added scroll to top button as

<input type="button" name="scroll to top" onclick="scroll(0,0)"/>

but this on click it reloads and then goes to the top. some times, it doesn't work..

for details go to feinix.org/mevents.php in opera mini and ucbrowser

view m.facebook.com in opera mini they have added [ ↑ ] Top. it would be great if someone post me the code behind that

try `window.scrollTo(0, 0);` [How do I scroll to the top of the page with jQuery?](http://stackoverflow.com/questions/1144805/how-do-i-scroll-to-the-top-of-the-page-with-jquery) — Satpal, Dec 15 '13 at 17:07
try preventDefault before scroll(0,0). Like so: `document.querySelector("").addEventListener("click", function(e) { e.preventDefault(); window.scroll(0,0); });` — mqchen, Dec 15 '13 at 17:10

score 4 · Accepted Answer · answered Dec 15 '13 at 17:20

4

Using Jquery

 $("html, body").animate({
    scrollTop: 0
}, 200);

or using simple Html Anchors like this

 //Add this to your top of your page
 <a id="tips"></a>

 //Show this as your button with css
 <a href="#tips">Scroll to top</a>

answered Dec 15 '13 at 17:20

Airy

1

thanks and i personally like jquery because it gives smooth animation going top. – Airy Dec 15 '13 at 18:08

score 0 · Answer 2 · edited Dec 15 '13 at 18:04

0

$("a[href='#top']").click(function() {
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
});

edited Dec 15 '13 at 18:04

m59

answered Dec 15 '13 at 17:10

Vivekh

2 Answers2