html怎么控制top值为0,关于vue滚动scrollTop 赋值一直为0问题

Vue中document.body.scrollTop的值总为零的解决办法

最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0

但是发现document.body.scrollTop一直是0。

查资料发现是DTD的问题。

页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。

页面没有DTD，即没指定DOCTYPE时，使用document.body。

说一下我的解决问题流程：

1，赋值给scrollTop，发现一直为0

// 滚动到底部

onScrollBottom () {

this.$nextTick(() => {

const container = this.$el.querySelector('.chat-content')

if (container)

document.documentElement.scrollTop = container.scrollHeight

})

}

打印结果：

container.scrollHeight: 1127

container.scrollTop:0

2，然后我直接使用body去滚动，发现依然没有效果

3，通过F12检查工具，发现body高度一直为0

body高度.png

4，根据高度一直为0，找到https://blog.csdn.net/qq_24729895/article/details/79049066

5，比对vue项目的index.html，确实是指定了DTD类型

数字校园系统

代码修改为：

document.documentElement.scrollTop = container.scrollHeight

完美~

html怎么控制top值为0,关于vue滚动scrollTop 赋值一直为0问题相关推荐

多选取值_机制砂如何控制MB值和石粉含量
随着环保政策的加强和河沙采挖禁令的收紧,机制砂逐渐成为建筑用砂的主流.但很多砂石厂生产设备落后.生产条件简陋.生产工艺不完善导致生产的机制砂品质低,质量不能满足高等级混凝土的要求.不仅卖不上价格,还浪 ...
json替换table下的所有值_京东云所有地域正式支持 MySQL 8.0！
京东云云数据库 RDS 在所有地域正式支持 MySQL 8.0! MySQL 8.0 是目前 MySQL 社区的最新版本,相比较 MySQL 5.7,其支持了很多新的特性以及对原有功能做了重大更新和优 ...
《spark技术应用》课程期末考试大作业报告,使用eclipse完成求top值、文件排序、二次排序三个程序的个性化开发。
目录一.选题的目的及要求... 4 二.设计思路... 4 三.主要内容及关键技术.. 5 四.制作步骤... 5 1．准备工作... 5 1.1在VMware中安装一台Ubuntu64位系 ...
ORA-01841: (完整) 年份值必须介于 -4713 和 +9999 之间, 且不为 0情况解决
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 报错:ORA-01841: (完整) 年份值必须介于 -4713 和 +9999 之间, 且不 ...
httpsurlconnection 写不进去authorization值_23. 假设检验的时候为什么常写p lt; 0.05,而不写具体的p值？...
在进行假设检验的时候,如果p值小于设定的临界值,比如0.05或0.01.0.001等,人们常常会写p<0.05.p<0.01.p<0.001, 而没有写具体的p值.这种传统是曾经的技 ...
aic值检验 p值_23. 假设检验的时候为什么常写p lt; 0.05,而不写具体的p值？
在进行假设检验的时候,如果p值小于设定的临界值,比如0.05或0.01.0.001等,人们常常会写p<0.05.p<0.01.p<0.001, 而没有写具体的p值.这种传统是曾经的技 ...
设置了相对定位relative之后，改变top值，如何去掉多余空白？
众所周知,relative和absolute有一个区别在于relative是相对自身定位,而absolute是相对于最近的定位父级定位,而此时的相对定位经过top值改变其在文档流中的位置之后,自身本来 ...
vue在初始化时给scrollTop设置一个值，但scrollTop却始终为0
在vue项目中往往有这样一个需求,在初始化时需要给某个容器的scrollTop设置一个值,一开始的想法是在created或者mounted中改变 scrollTop 的值,但是却出现了几个问题. 问题 ...
如果已知英制长度的英尺foot和英寸inch的值，那么对应的米是(foot+inch/12)×0.3048。//现在，如果用户输入的是厘米数，那么对应英制长度的英尺和英寸是多少呢？别忘了1英尺等
//如果已知英制长度的英尺foot和英寸inch的值,那么对应的米是(foot+inch/12)×0.3048. //现在,如果用户输入的是厘米数,那么对应英制长度的英尺和英寸是多少呢?别忘了1英尺等 ...

html怎么控制top值为0,关于vue滚动scrollTop 赋值一直为0问题

html怎么控制top值为0,关于vue滚动scrollTop 赋值一直为0问题相关推荐

最新文章

热门文章