可以使用以下代码实现:

function scrollToCenter(element) {
  var container = element.parentNode;
  var containerRect = container.getBoundingClientRect();
  var elementRect = element.getBoundingClientRect();
  var scrollLeft = elementRect.left - containerRect.left - containerRect.width / 2 + elementRect.width / 2;
  container.scrollLeft = scrollLeft;
}

将要滚动到中间的元素作为参数传入函数中,函数会计算出元素相对于祖先级容器的位置,并将滚动条滚动到中间位置。

js计算使滚动条滚动到元素的位置并且是元素是在祖先级水平中间的位置

原文地址: https://www.cveoy.top/t/topic/fIMX 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录