动态增减表单,页面下滑到新增表单处并附带滑动效果

111 阅读1分钟

开发中经常会遇到动态删减表单的需求,新增时表单会在最下面,内容比较多的话就会需要额外拖动鼠标,体验不是很好,所以用scrollHeight获取高度后,再进行滑动

const htmlDom = document.querySelector("html");
        htmlDom.scrollTo({
          top: htmlDom.scrollHeight,
          left: 0,
          behavior: "smooth",
        });

可以根据需求不同获取不同位置的高度,进行滑动。scrollTo方法适用性还是比较多的