codemirror 分页，切换页数滚动条置顶

qq_45867474

已于 2022-11-30 16:03:59 修改

阅读量653

点赞数

文章标签：前端 css javascript

于 2022-11-25 08:48:21 首次发布

本文链接：https://blog.csdn.net/qq_45867474/article/details/128031447

版权

基于vue

由于日志文件过大，codemirror加载缓慢导致用户体验较差，和后端做了分页获取日志的功能

遇到的问题：直接去修改滚动条的style.top并不生效

this.content = this.content +  message.data+"\r";
// 获取滚动信息  第一个codemirror是ref
let sc = this.$refs.codemirror.codemirror.getScrollInfo(); 
// 滚动 
this.$refs.codemirror.codemirror.scrollTo(0, 0); // 置顶
this.$refs.codemirror.codemirror.scrollTo(sc.left,( sc.height + sc.top)); //动态实时向下滚动