如何做滚动效果的焦点在页面元素的变化

How to do Scroll effect on change of focus on page elements?

本文关键字:元素 变化 焦点 滚动 何做      更新时间:2023-09-26

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

如何使用jquery实现全局效果

EDIT:难道不可能这样做吗?

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

其中500为ms单位的时间量