Thursday, January 30, 2014

jquery smooth scroll to an anchor?

  
 $(".scroll").click(function(event) {
                event.preventDefault();
                //calculate destination place
                var dest = 0;
                if ($(this.hash).offset().top > $(document).height() - $(window).height()) {
                    dest = $(document).height() - $(window).height();
                } else {
                    dest = $(this.hash).offset().top;
                }
                //go to destination
                $('html,body').animate({ scrollTop: dest }, 1000, 'swing');

      });



<a class="scroll" href="#destination1">Destination 1</a>



<div id="destination1">
  ....
  ....
  ...
  ...
  ...
  
 </div>

No comments:

Post a Comment