vue 內容增加滾動條自動定位至底部

2022-09-07 01:21:11 字數 293 閱讀 4935

this.$nexttick(() =>);

資料改變之後,dom 並沒有立即發生變化,所以 document.body.scrolltop 還是上一次 dom更新之後的值。

vue 實現響應式並不是資料發生變化之後 dom 立即變化,而是按一定的策略進行 dom 的更新。$nexttick 是在下次 dom 更新迴圈結束之後執行延遲**,在修改資料之後使用。

再次修改之後的**如下,可以實現自動定位到對話頁面的底部,但是還有乙個小問題,就是輸入新的對話資訊之後會出現閃屏的現象,可以通過設定延時來解決。

滾動條定位

首先來乙個例子 this is some text.this is some text.this is some text.this is some text.this is some text.this is some text.this is some text.this is some tex...

vue滾動條監聽,定位,回到頂部

在template標籤下,定義乙個div標籤 定義div的樣式,撐起滾動條 classname height 100 position absolute top 0 right 0 bottom 0 left 0 overflow auto 第一種使用id監聽方法 將div標籤改寫成 在mounte...

Div滾動條定位設定

1.div 資料 2.通過js去設定div滾動條的位置 document.getelementbyid datadiv scrolltop div滾動條的垂直位置設定屬性 document.getelementbyid datadiv scrollleft div滾動條的水平位置設定屬性3.通過js...