How to scroll to top of a div using jQuery

Question

I have a gridview inside a div   I want to scroll to top of the div from the bottom of the div using jquery   Any suggestion     lt div id  GridDiv  gt     gridview inside    lt  div gt    My gridview will have custom pagination generated link buttons in it    I will scroll to top of the div from the bottom of the link button click      protected void Nav OnClick object sender  CommandEventArgs e                LinkButton lb1    LinkButton sender            string s   lb1 ID          ScriptManager RegisterClientScriptBlock lb1  typeof LinkButton      scroll    javascript document getElementById  GridDiv   scrollTop   0    true     In the place of javascript  I ll call the jquery function    Any suggestion     EDIT   Exactly like Stackoverflow questions per user page    When changing page nos it scrolls to top with smooth effect    I want to achieve that

User · Answer

Or  for less code  inside your click you place    setTimeout function          DIV ID   scrollTop 0       500

User · Answer

I don t know why but you have to add a setTimeout with at least for me 200ms   setTimeout  function        DIV ID   scrollTop 0    200      Tested with Firefox   Chrome   Edge

User · Answer

Special thanks to Stoic for         miscCategory   animate  scrollTop      miscCategory   offset   top

User · Answer

Here is what you can do using jquery       A ID   click function  e       A ID is an example  Use the id of your Anchor        html  body   animate           scrollTop      DIV ID   offset   top - 20    DIV ID is an example  Use the id of your destination on the page         slow

User · Answer

Use the following function  window scrollTo xpos  ypos    Here xpos is Required  The coordinate to scroll to  along the x-axis  horizontal   in pixels  ypos is also Required  The coordinate to scroll to  along the y-axis  vertical   in pixels

User · Answer

This is my solution to scroll to the top on a button click       btn   click function      if    this  text       Show options         tabs   animate          scrollTop    window  scrollTop 0          slow

User · Answer

You could just use    lt div id  GridDiv  gt     gridview inside     lt  div gt    lt a href   GridDiv  gt Scroll to top lt  a gt

[jquery] How to scroll to top of a div using jQuery?

Examples related to jquery

Examples related to html

Examples related to scroll

Examples related to scrolltop