一个页面多个滚动条,某个滚动条自动滚动

967 阅读1分钟

常见的滚动到位置:document.querySelector('class').scrollIntoView()

缺点:不适用于多个滚动条出现,会一直以当前的滚动位置在底部,其他滚动条不可以手动滚动

如果有个一个大的页面带滚动条,里面带一个小的ul也有滚动条,小的里面轮播定位li,一直显示在可视化区域里, 给当前轮播的给一个ref="active" 大的滚动条如:.div 页面数据渲染成功后执行 this.$nextTick(() => { if (this.$refs.active) { document.querySelector('.div').scrollTop = this.$refs.active[0].offsetTop - document.querySelector('.div').offsetTop } })