Directive v-scroll | Quasar Framework

<template>
  ...
  <div v-scroll="onScroll">...</div>
  ...
</template>

<script>
export default {
  setup () {
    function onScroll (position) {
      // when this method is invoked then it means user
      // has scrolled the page to `position`
      //
      // `position` is an Integer designating the current
      // scroll position in pixels.
    }

    return { onScroll }
  }
}
</script>

import { debounce } from 'quasar'

export default {
  setup () {
    function onScroll (position) {
      // when this method is invoked then it means user
      // has scrolled the page to `position`
      //
      // `position` is an Integer designating the current
      // scroll position in pixels.
    }

    return {
      onScroll: debounce(onScroll, 200) // debounce for 200ms
    }
  }
}

判斷捲動容器

請這裡閱讀關於 Quasar 如何判斷要附加捲動事件的容器。

發現錯誤？在瀏覽器中編輯此頁面

1. 介紹

2. 捲動 API

3. 用法

3.1. 判斷捲動容器