H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue使用el-scrollbar无法滚动到对话框底部

如题,具体是这样赋值:

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出来的是这样的,赋值无效,对话框滚动了,但没完全滚动到底部:

clipboard.png

回答:

你不要直接这样给scrollTop赋值,用方法去滚动window.scrollTo(x坐标,Y坐标)

window.scrollTo(0, div.scrollHeight)

应该是像楼下说的,你的图片没加载完就计算高度了,高度计算不正确导致的。你给图片加个onload事件,加载完后再重新调用一下那个移动到底部的方法。

回答:

发长图的话有考虑图片是否加载完成了吗,如果没有加载完成,算出来的scrollHeight可能是不对的吧

本文地址:H5W3 » vue使用el-scrollbar无法滚动到对话框底部

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址