Question

我在页面上找到了这个锚点的脚本

$('.anchor').click(function (event) {
  event.preventDefault();
  var href = $(this).attr('href');
  var target = $(href);
  var top = target.offset().top;
  $('html,body').animate({
     scrollTop: top
  });
});

但是，当我点击<div class="anchor">时，我的页面会跳转到该位置。是否可以减慢此滚动速度？

Answer 1

你可以做这样的事情

$('html,body').animate({
   scrollTop: top
}, "slow");

.animate方法看起来像这样。

.animate（properties [，duration] [，easing] [，complete]）

默认情况下，持续时间如下所示

慢 - 600，正常 - 400，快 - 200。

如果它们不适合您的情况，那么您可以给自己的持续时间

缓慢滚动锚点

1 个答案: