go to top of the page using jquery in chrome

Question

I'm using a ui theme called nightsky

After I scroll to the bottom of the page I want to go back to the top of the page.

What I have tried already in dev console :

The following:

$('html, body').animate({
    scrollTop: $('#main').position().top },
    1000
);

seems to work in firefox not in chrome

I am looking for a code that can be executed in console! no on-click listeners etc...just few lines of code

`$('html,body').animate({scrollTop: 0});` worked for me. – hjpotter92 Jul 09 '14 at 07:21 — hjpotter92, Jul 09 '14 at 07:21
seems to work in firefox not in chrome – Tabraiz Ali Jul 09 '14 at 08:05 — Tabraiz Ali, Jul 09 '14 at 08:05

score 1 · Answer 1 · answered Jul 09 '14 at 07:24

1

Try jQuery .scrollTop(),

$(window).scrollTop(0)   //Or $('body').scrollTop(0)

answered Jul 09 '14 at 07:24

Shaunak D

did this work for you? doesnt seem to work in chrome – Tabraiz Ali Jul 09 '14 at 08:03
i know it works normally! but this is only in this theme http://www.nightskyadmin.com/demo/template/dashboard.html! there should be something wrong going couldnt figure out what it is! – Tabraiz Ali Jul 09 '14 at 08:11
I can't find the scrollTop code in your link. Worked for me in chrome. – Shaunak D Jul 09 '14 at 08:26
there is no scrolltop code.try it in dev console! i mean pasting this code into developer console should take me to the top of the window isnt it? – Tabraiz Ali Jul 09 '14 at 08:28
ScrollTop does not work in console..Try in your JS code – Shaunak D Jul 09 '14 at 08:35
Try adding this `html{ overflow:scroll }` to css – Shaunak D Jul 09 '14 at 08:51
this breaks the page i dont want another scrollerbar! – Tabraiz Ali Jul 09 '14 at 09:03

score 0 · Answer 2 · answered Jul 09 '14 at 07:25

0

why dont you use <a href="#header">Go to top</a>

answered Jul 09 '14 at 07:25

Rahiil

first of all its a button i have to do some process on click of the button if there is an error go to the top of the page! – Tabraiz Ali Jul 09 '14 at 08:09

jignesh kheni · Answer 3 · 2014-07-09T07:47:22.543

0

Try this

$(document).ready(function(){
  $('.top').on('click', function() {
     $('html,body').animate({'scrollTop':'0px'},1000);
  });
});

edited Jul 09 '14 at 07:47

answered Jul 09 '14 at 07:28

jignesh kheni

doesnt seem to work in chrome for this link http://www.nightskyadmin.com/demo/template/dashboard.html – Tabraiz Ali Jul 09 '14 at 08:08
In your page i didn't see the link which is use for click to go to top ? @TabraizAli – jignesh kheni Jul 09 '14 at 08:58

score 0 · Answer 4 · answered Jul 09 '14 at 07:38

0

You can try:

<a href="#top">Click</a>

answered Jul 09 '14 at 07:38

Ariana Lynn

4 Answers4