在Vue中,scrollTop不能有效赋值通常是因为操作时机不正确或目标元素不可滚动。 原因分析 操作时机不正确: 在Vue中,如果你试图在DOM元素渲染完成之前设置scrollTop,那么赋值将不会生效。因为此时DOM元素可能还未完全渲染或初始化。 解决方法是使用this.$nextTick()来确保在DOM更新完成后执行赋值操作。 目标元素不可滚动:
赋值元素不对 像上述代码中,scrollTop应该赋值给#menu,而不是ul document.getElementById('menu').scrollTop = localStorage.scrollTop
mounted(){ this.scrollToBottom() }, methods:{ scrollToBottom: function () { this.$nextTick(() => { var container = this.$el.querySelector('.chatContent'); container.scrollTop = container.scrollHeight; }) } }, updated:function () { this.scrollToBottom(); } 就想让div滚动条始终...
.vue mounted(){ this.scrollToBottom() }, methods:{ scrollToBottom: function () { this.$nextTick(() => { var container = this.$el.querySelector('.chatContent'); container.scrollTop = container.scrollHeight; }) } }, updated:function () { this.scrollToBottom(); } 就想让div滚动条...
每次打印scrollTop都为0; 百度了很多,大概说的都是DTD声明问题 几经周折发现一篇不错的 https://www.jb51.net/article/153196.htm 最后检查发现,此时滚动条在父级上,直接为父级赋值高度即可
51CTO博客已为您找到关于vue scrolltop 无效的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及vue scrolltop 无效问答内容。更多vue scrolltop 无效相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
如题,具体是这样赋值: var div = self.$refs['dialog-wrap'].$refs['wrap'];this.$nextTick(() => { div.scrollTop = div.scrollHeight console.log('scrollHeight', div.scrollHeight) console.log('scrollTop', div.scrollTop) }) console.log出来的是这样的,赋值无效,对话框滚动了,但没完全滚动...
scrollTop 不生效 有了稳定的时机,之后直接进行dom操作即可,按照惯例,事先挂载一个ref对元素的引用,执行代码chatWindow.value.scrollTop = chatWindow.value.Height,执行了,但是无效,通过打印日志,Height,也是具有真实数值的,引用对象没错,还是说ref获取的dom实例,不具有实时性?问过AI,表明ref是具有实时更新的特性的...
51CTO博客已为您找到关于vue 设置scrolltop的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及vue 设置scrolltop问答内容。更多vue 设置scrolltop相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
通过this.$nextTick或setTimeout延时设置也无效。 通过页面主div设置其scrollTop,也一样无效。 mounted() {//let a= sessionStorage.getItem('scrollTop');/// this.$alert(a+",mounted,"+document.documentElement.scrollTop);/// this.$alert("1");//document.body.scrollTop = 5000;//document.documentEl...