h5页面无法获取滚动条高度

vue页面跳转页面的时候滚动条始终在中间(只有ios会在中间),

clipboard.png

然后我就设置页面跳转的时候,将滚动条的高度设置为0

clipboard.png,

有遇到相同问题的大神,赐教下指条明路

阅读 4.2k
1 个回答

因为for循环先获取滚动条高度后加载数据,导致滚动条默认在最底下。
watch: {
chatlog() {

 console.log("chatlog change");
 this.$nextTick(() => {
   var container = this.$el.querySelector("#chatContainer");
   console.log(container);
   container.scrollTop = container.scrollHeight;
 })
 //  document.getElementById('chatContainer').scrollTop = document.getElementById('chatContainer').scrollHeight+150;

}
}

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