js计算使滚动条滚动到元素的位置并且是元素是在父级水平中间的位置
以下是用JavaScript计算并使滚动条滚动到元素位置,并且使元素在其父级的水平中间位置的代码:
// 获取元素和其父级元素
var element = document.getElementById("myElement");
var parent = element.parentNode;
// 计算元素在父级中间的位置
var elementOffsetLeft = element.offsetLeft;
var elementWidth = element.offsetWidth;
var parentWidth = parent.offsetWidth;
var centerOffset = (parentWidth / 2) - (elementWidth / 2);
var scrollLeft = elementOffsetLeft - centerOffset;
// 滚动到元素的位置
parent.scrollLeft = scrollLeft;
在这个代码中,我们首先获取了要滚动到的元素以及其父级元素。然后,我们计算了元素在其父级中间位置的偏移量,并将其用作水平滚动条的新位置。最后,我们将父级元素的滚动位置设置为这个新位置,使其滚动到元素的位置并使元素在父级的水平中间位置
原文地址: https://www.cveoy.top/t/topic/fIMD 著作权归作者所有。请勿转载和采集!