이제 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;
})
}위 내용은 앞으로 모두에게 도움이 되기를 바랍니다.
관련 기사:
vue2.0을 기반으로 한 동적 구성 요소 및 렌더링에 대한 자세한 설명
동적으로 생성된 요소에 이벤트 작업을 추가하는 JS 구현 예
위 내용은 vue에서 각 페이지를 렌더링한 후 하단에 div의 스크롤 막대를 유지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
