jQuery scrollTop animation

Question

I set the page to scroll to top when a button is clicked   But first I used an if statement to see if the top of the page was not set to 0   Then if it s not 0 I animate the page to scroll to the top   var body      body    var top   body scrollTop      Get position of the body  if top  0      body animate  scrollTop 0    500        The tricky part now is animating something AFTER the page has scrolled to the top   So my next thought is  find out what the page position is  So I used console log to find out   console log top       the result was 365   This gave me a result of 365  I m guessing that is the position number I was at just before scrolling to the top   My question is how do I set the position to be 0  so that I can add another animation that runs once the page is at 0   Thanks

User · Answer

Try this instead   var body      body  html    var top   body scrollTop      Get position of the body if top  0           body animate  scrollTop  0   500 function               DO SOMETHING AFTER SCROLL ANIMATION COMPLETED           alert  Hello

User · Answer

Simple solution   scrolling to any element by ID or NAME   SmoothScrollTo   elementId   1000     code   function SmoothScrollTo id or Name  timelength       var timelength   timelength    1000         html  body   animate           scrollTop    id or Name  offset   top-70        timelength  function            window location hash   id or Name

User · Answer

Use this       a href         on  click   function event         var target        this  attr  href           if  target length             event preventDefault               html  body   animate               scrollTop  target offset   top            500

User · Answer

Code with click function        var body      html  body             toTop   click function e           e preventDefault            body animate  scrollTop 0   500   swing             toTop   class of clicked element maybe img or a

User · Answer

for this you can use callback method  body animate         scrollTop 0        500       function        callback method use this space how you like

User · Answer

you can use both CSS class or HTML id  for keeping it symmetric I always use CSS class for example  lt a class  quot btn btn-full js--scroll-to-plans quot  href  quot   quot  gt I   m hungry lt  a gt          lt section class  quot section-plans js--section-plans clearfix quot  gt      document  ready function              js--scroll-to-plans   click function                 body html   animate               scrollTop      js--section-plans   offset   top            1000           return false

User · Answer

body   stop   animate           scrollTop  0        500   swing   function              console log confirm  Like This

User · Answer

To do this  you can set a callback function for the animate command which will execute after the scroll animation has finished   For example   var body      html  body    body stop   animate  scrollTop 0   500   swing   function         alert  Finished animating          Where that alert code is  you can execute more javascript to add in further animation   Also  the  swing  is there to set the easing  Check out http   api jquery com animate  for more info

User · Answer

jQuery  html body   animate  scrollTop  jQuery   your-elemm-id-where you want to scroll   offset   top- lt some-number gt    500   swing   function             alert  Finished animating

User · Answer

Try this code       Classname   click function            html  body   animate   scrollTop  0    600        return false

User · Answer

you must see this    function                 a href       not  href         click function                  if  location pathname replace               this pathname replace             amp  amp  location hostname    this hostname                    var target     this hash                   target   target length   target       name     this hash slice 1                          if  target length                           html  body   animate                           scrollTop  target offset   top                        1000                       return false                                                        or try them    function        a   click function         body html   animate       scrollTop  0    600   return false

[jquery] jQuery .scrollTop(); + animation

Examples related to jquery

Examples related to jquery-animate

Examples related to scrolltop