如何更改焦点对页面元素的滚动效果？

Question

我通过javascript以编程方式将焦点移动到页面上的不同按钮。我需要做的是每当页面由于焦点改变到不同的元素，向上或向下滚动而滚动时，它应该以慢动作效果滚动而不仅仅是快速滚动。

如何使用jquery全局实现此效果？

Answer 1

修改 会不可能这样做：

$('#example-button-id').on('focus', function() {
  $("html, body").animate({ scrollTop: $(this).offset().top + 'px' }, 500);
}

其中500是以毫秒为单位的时间量。