jquery 点击时平滑滚动（双向，上下）

Question

我有一个基本脚本，当用户点击它们时，它可以平滑地滚动到锚定链接。我的问题是平滑滚动似乎只能以一种方式工作，当我单击其中一个 "go to top" 链接时，页面只是跳转...

$(function(){
// Smooth scrolling for anchored links
$('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
    }, 2000);
    return false;
  }
}
});
// Scroll down automatically on page load
$('html, body').animate({
scrollTop: $('.destination').offset().top
}, 2000);   
});

https://jsfiddle.net/p70d4doq/22/

如有任何帮助，我们将不胜感激！

谢谢，安德烈亚斯

Answer 1

您忘记添加这个位：

$('a[href="#"]').click(function () {
    $('html, body').animate({
        scrollTop: 0
    }, 2000);
});

请不要给出无效的fiddle！在发布链接之前检查。

工作Fiddle：https://jsfiddle.net/a5u0zzLr/

jquery 点击时平滑滚动（双向，上下）

jquery smooth scroll on click (both directions, down and up)

javascript

anchor

jquery

hyperlink

smooth-scrolling