step(){const state: any = reactive({socllerBot:ref('')})}const getScollerBot = ()=>{// 要等内容加载完成// 判断滚动条所在div 的scrollHeight 和clientHeightif(state.socllerBot.scrollHeight>state.socllerBot.clientHeight) {state.socllerBot.scrollTop = state.messList.scrollHeight}}
使用锚点的方法 (适合点击回滚到指定位置)const goStatus = () =>{// sta 是指定div的idconst list = document.querySelector('#' + 'sta')if( list ) {list.scrollIntoView({ block: 'start', behavior: 'smooth' })// scrollIntoView(block:'',behavior:'')// block(垂直滚动条)(inline:水平滚动条) :滚动的位置('start','end','center','nearest')// begavior:' 滚动的动画效果('auto','smooth')// scrollIntoView(true)// true 顶部 false 底部}}