vue 解决无法设置滚动位置的问题
2018-09-28 12:46
966 查看
问题描述
在实现锚点定位的时候发现无法设置滚动条的位置。
在Vue中,使用 document.body.scrollTop=952 无法设置滚动条的高度。
document.body.scrollTop一直是0
原因
因为vue的页面指定了DTD,即指定了DOCTYPE时,使用document.documentElement。
页面没有DTD,即没指定DOCTYPE时,使用document.body。
解决方案
document.documentElement=956
2018年10月10号新增
上面仅仅是说这个页面的滚动条高度的设定,当我页面内的一个div的滚动条设定他的高度 如下解决方案
var anchor = this.$el.querySelector('.message-list') this.$nextTick(() => { document.querySelector('.message-list').scrollTop = anchor.scrollHeight })
这个解决方案在我做ng的时候又出现过类似的问题,我前大佬告诉我的 ,当时只是为了解决问题并没有了解其原理,复制进来就过去了。
现在做vue了,才知道哦,为什么要这样写,所以说项目太赶,只是为了完成任务,对个人能力并没有提升,做完了就过了, 还要解决其他的bug,其他的任务,现在能够静下来在工作过程中学习+进步,对个人的发展才是好的。工作不仅仅是工作完成任务,是一个自己发现自身问题,提升能力和对自己的技术实操实践的过程。
此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处。
如果对您有帮助请动动鼠标右下方给我来个赞,您的支持是我最大的动力。
相关文章推荐
- 解决vue无法设置滚动位置的问题
- 无法显示TabHost的setIndicator设置的图片的问题解决办法
- 解决ScrollView设置delaysContentTouches为NO后,按在button上scrollview无法滑动问题
- 解决mac系统下无法手动设置ip的问题
- 解决mui框架off-canvas侧滑超出部分隐藏无法滚动问题
- 【VUE】在vue中使用@scroll监听滚动事件,@scroll无效问题解决!
- 解决NIOS II工程移动在磁盘上位置后project无法编译问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决系统设置无法打开的问题
- 解决vue跨域请求无法携带cookie,进而无法在服务器端设置session保持数据(状态)的问题
- 解决 Thinkpad 的小圆点在 VS 2010 中无法滚动源代码的问题
- 解决 ie 下 javascript 设置 table.tBodies.innerHTML 无法设置的问题
- ubuntu下apache2的设置, 解决css,图片等无法显示的问题
- 解决“VMware物理内存不足,无法使用配置的设置开启虚拟机”的问题
- 解决ubuntu开机无法保存亮度设置的问题
- Asp.Net服务器发送HTTP标头后无法设置内容类型的问题解决
- 解决ImageView手势缩放设置matrix属性后图片无法居中的问题
- catalina.sh设置JAVA_HOME后还无法解决更换JDK有关问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题