将指定元素滚动到浏览器窗口的可视区域内

一、使用scrollIntoView()方法轻松实现将指定元素滚动到浏览器窗口的可视区域内

function nodeClick(data:any) {
	let element = document.getElementById(`scrollRef_${data.elementId}`)  as any; // 要滚动的元素
	// element.scrollIntoView(); // 无滚动效果
	element.scrollIntoView({  // 添加对象，有滚动效果
		behavior: 'smooth',
        block: 'start',
        inline: 'start'
    });
}

注意： 页面（容器）可滚动时才有用！

使用scrollIntoView()方法后，页面出现偏移，解决办法：

1、整个页面查找超出页面高度部分，缩小高度
2、设置CSS

.ui-resizable-s {
  display: none;
}