平滑滚动到名称

Question

我已经看到了一些标准代码，以平滑滚动到一个href与＃但我做了链接锚name属性的方式。因此，代码会是这样：

<li> 
    <a href="#on-water">On Water</a> 
    </li> 

转到部分：

<a class="mwm-aal-item" name="on-water"></a> 

这是一个叫做更好的锚定链接WordPress插件，这就是为什么它被设置了这种方式。

Answer 1

DEMO HERE

$(document).ready(function(){ 
    $('li > a').on('click', function(){ 
     $('html,body').animate({scrollTop : $('.mwm-aal-item').offset().top},3000); 
    }); 
}); 

前面的例子，如果你运行的代码特定锚.. -

，但如果你想运行的所有锚 使用DEMO HERE

$(document).ready(function(){ 
     $('li > a').on('click', function(){ 
      var GetaName = $(this).attr('href').split('#'); 
      $('html,body').animate({scrollTop : $('a[name ='+GetaName[1]+']').offset().top},1000); 
     }); 
    }); 

Answer 2

如果我理解正确的 - 你想实现这一点：

http://jsfiddle.net/ywt5a6dn/

$(document).ready(function() { 
    $('a[href^="#"]').click(function() { 
     var target = $(this.hash); 
     if (target.length == 0) target = $('a[name="' + this.hash.substr(1) + '"]'); 
     if (target.length == 0) target = $('html'); 
     $('html, body').animate({ scrollTop: target.offset().top }, 700); 
     return false; 
    }); 
});