滚动到指定元素位置

let ele = document.getElementById('box') // 有滚动条的元素

let eleNav = document.getElementById('commentNav') // 需要滚动到的元素

// 判断元素是否出现了滚动条

 if (ele.scrollHeight > ele.clientHeight) {

// 设置滚动条到最底部

// ele.scrollTop = ele.scrollHeight 滚动到底部

ele.scrollTop = eleNav.offsetTop - 20 // 滚动到指定元素，如果高度够是置顶情况，-20是我设置了padding

 }

 

scrollTop:获取或设置一个元素的内容垂直滚动的像素数，当一个元素的内容没有产生垂直

方向的滚动条，那么它的 scrollTop 值为0
scrollHeight:这是一个只读属性，是元素内容高度的度量，包括由于溢出导致的视图中不可

见的内容。注意：scrollHeight在没有滚动条的情况下，它的值跟下面要介绍的clientHeight

相同。scrollHeight包括元素的padding，但不包括元素的border和margin
clientHeight:也是一个只读属性，返回元素内部的高度，包括padding，但不包括border跟

margin

offsetTop：元素到文档顶部的距离
清楚这几个属性之后我们就可以知道要怎么完成以上思路了

注：首先给你设置了滚动属性的元素设置一个标识，比如设置一个id，vue的话，如果是

进入页面就滚动到底部，建议放到updated生命周期里执行，此时页面已经渲染完毕，

可以准确获取，当然也可以放到点击事件里，看需要，万变的情况