9 回答

• 25

  you must see this

  $(function () {
          $('a[href*="#"]:not([href="#"])').click(function () {
              if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && 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;
                  }
              }
          });
      });
  

  或试试吧

  $(function () {$('a').click(function () {
  $('body,html').animate({
      scrollTop: 0
  }, 600);
  return false;});});
  

  回复于 2024-04-18T22:50:10+08:00
• 42

  带点击功能的代码（）

  var body = $('html, body');
  
      $('.toTop').click(function(e){
          e.preventDefault();
          body.animate({scrollTop:0}, 500, 'swing');
  
  });
  

  .toTop =点击元素的类别可能 img 或 a

  回复于 2024-04-18T22:50:10+08:00
• 1

  jQuery("html,body").animate({scrollTop: jQuery("#your-elemm-id-where you want to scroll").offset().top-<some-number>}, 500, 'swing', function() { 
         alert("Finished animating");
      });
  

  回复于 2024-04-18T22:50:10+08:00
• 276

  用这个：

  $('a[href^="#"]').on('click', function(event) {
  
      var target = $( $(this).attr('href') );
  
      if( target.length ) {
          event.preventDefault();
          $('html, body').animate({
              scrollTop: target.offset().top
          }, 500);
      }
  
  });
  

  回复于 2024-04-18T22:50:10+08:00
• 7

  试试这段代码：

  $('.Classname').click(function(){
      $("html, body").animate({ scrollTop: 0 }, 600);
      return false;
  });
  

  回复于 2024-04-18T22:50:10+08:00
• 5

  为此你可以使用回调方法

  body.animate({
        scrollTop:0
      }, 500, 
      function(){} // callback method use this space how you like
  );
  

  回复于 2024-04-18T22:50:10+08:00
• 3

  简单解决方案：

  通过ID或NAME滚动到任何元素：

  SmoothScrollTo("#elementId", 1000);
  

  码：

  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;
      });
  }
  

  回复于 2024-04-18T22:50:10+08:00
• 0

  为此，您可以为animate命令设置一个回调函数，该函数将在滚动动画完成后执行 .

  例如：

  var body = $("html, body");
  body.stop().animate({scrollTop:0}, 500, 'swing', function() { 
     alert("Finished animating");
  });
  

  警报代码的位置，您可以执行更多的javascript以添加进一步的动画 .

  此外，'swing'用于设置缓动 . 查看http://api.jquery.com/animate/了解更多信息 .

  回复于 2024-04-18T22:50:10+08:00
• -1

  试试这个：

  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');
        });
  }
  

  回复于 2024-04-18T22:50:10+08:00