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

阅读 7.9k
2 个回答

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

window.scrollTo(0, div.scrollHeight)

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题