vue實現滾動條到頂部或者到指定位置

Posted on by

vue滾動條到頂部或到指定位置

首先在 html 裡面給你要滾動的元素設置屬性 ref='box' 這就相當於是DOM操作瞭 ，

然後 根據 屬性名找到則個元素就可以操作啦

vue設置滾動條

vue如何在div中設置滾動條呢？

首先需要寫一下css樣式

<div
    :style="{'max-height': this.timeLineHeight + 'px' }"
    style="overflow-y:scroll;"
 >            
</div>

在這個div中，放的是你寫的前端代碼。它是可以滾動的。

在mounted中改變最大高度的大小。這個減210，它減的是我標頭的高度，你的具體高度需要根據實際情況來減。

mounted() {
    this.timeLineHeight = document.documentElement.clientHeight - 210;
    window.onresize = () => {
      this.timeLineHeight = document.documentElement.clientHeight - 210;
    };
  },

在data中聲明一下屬性

 data() {
    return {
      timeLineHeight: "",
    }
  }

這樣就可以瞭！

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。 

推薦閱讀：