Vue가 페이지를 렌더링한 후 하단에 div의 스크롤 막대를 유지하는 방법

이 기사에서는 Vue에서 페이지를 렌더링할 때마다 p의 스크롤 막대를 하단에 유지하는 방법을 주로 공유합니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

예제는 다음과 같습니다.

//每次页面渲染完之后滚动条在最底部
updated:function(){
  this.$nextTick(function(){
  var p = document.getElementById('dialogue_box');
  p.scrollTop = p.scrollHeight;
  })
 }

//第一次页面渲染完之后滚动条在最底部
methods:function(){

  this.$nextTick(function(){
  var p = document.getElementById('dialogue_box');
  p.scrollTop = p.scrollHeight;
  })
 }

관련 권장 사항:

js 또는 jq를 사용하여 스크롤 막대 구현 방법을 공유로 설정하세요.

H5 스크롤 막대 스타일을 구성하는 방법

스크롤 막대 스타일 방법 수정

위 내용은 Vue가 페이지를 렌더링한 후 하단에 div의 스크롤 막대를 유지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!