獲取滾動位置在Web開發(fā)中是一個非常普遍的需求，特別是在實(shí)現(xiàn)無限滾動等功能時。而在Vue中，我們可以通過對DOM元素的監(jiān)聽來獲取其滾動位置。

// 獲取DOM元素
const el = document.querySelector('#scroll-container')
// 監(jiān)聽滾動事件
el.addEventListener('scroll', function() {
// 獲取滾動位置
const scrollTop = el.scrollTop
console.log(scrollTop)
})

以上代碼演示了如何使用原生的JavaScript代碼獲取DOM元素并對其進(jìn)行滾動事件的監(jiān)聽。但是，我們更希望使用Vue的方式來實(shí)現(xiàn)這個功能，可以更加方便地管理代碼。

Vue提供了一個非常簡單的方式來監(jiān)聽DOM元素的滾動事件，使用v-on指令即可：

在以上代碼中，我們通過v-on指令來綁定DOM元素的scroll事件，然后調(diào)用handleScroll函數(shù)來處理滾動事件。$refs.scrollContainer是通過ref指令指定的DOM元素的引用，我們可以通過它來獲取DOM元素并獲取其scrollTop屬性。

除了通過監(jiān)聽scroll事件來獲取滾動位置外，Vue還提供了一種更加高級的方式——使用自定義指令。自定義指令可以在Vue實(shí)例中注入，并且可以對DOM元素的各種屬性和事件進(jìn)行操作。

下面是一個使用自定義指令來監(jiān)聽滾動事件并獲取滾動位置的示例：

在以上代碼中，我們定義了一個名為scroll的自定義指令。inserted鉤子函數(shù)會在元素插入到頁面后被調(diào)用，我們在這里綁定了元素的scroll事件，并在回調(diào)函數(shù)中獲取了滾動位置。我們通過v-scroll指令將自定義指令綁定到DOM元素上，并傳入了一個回調(diào)函數(shù)來處理滾動事件。

以上三種方法都可以用來獲取滾動位置，根據(jù)需求選擇適合自己的方法即可。需要注意的是，如果需要在某個組件中獲取滾動位置，需要注意組件的樣式和布局，確保監(jiān)聽的DOM元素是正確的。