vue渲染頁面后div的滾動條保持在最底部的方法
來源：懂視網
責編：小OO
時間：2020-11-27 19:34:52
vue渲染頁面后div的滾動條保持在最底部的方法
實例如下：//每次頁面渲染完之后滾動條在最底部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；}) }。
導讀實例如下：//每次頁面渲染完之后滾動條在最底部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；}) }。
下面為大家分享一篇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;
})
}聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
vue渲染頁面后div的滾動條保持在最底部的方法
實例如下：//每次頁面渲染完之后滾動條在最底部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；}) }。
