Javascript 如何将div视图的动画滚动到特定的x和y坐标

如何将div视图的动画滚动到特定的x和y坐标

this.onClickButtonArrows1 = function ( element, scrollDirection )
    {
        if( scrollDirection == "down")
        {

            var element1 = document.getElementById('shape_74');
            var position = element1.getBoundingClientRect();
            var x_pos = position.left;
            var y_pos = position.top;

            $(element).animate({ top: y_pos+'px', left: x_pos+'px' }, 1000);
        }

    }

您可以使用以下功能：

。。。
window.scrollTo({
上图：y_pos，
左：x_pos，
行为：“平滑”
});

使用滚动视图（）

---

谢谢这将滚动到元素的特定x和y坐标。

var element = document.getElementById("box"); 
element.scrollIntoView({
      behavior: "smooth", 
      block: "end", 
      inline: "nearest"
});