v-navigation-drawer上でスクロールイベントを検出したいです。

解決したいこと

僕は今メッセージングアプリを実装中です。
モバイル画面でユーザーを選択した時、ユーザーの詳細ページが半分ほど出ます。
詳細情報が長いため、半分開いた詳細ページでマウススクロールできます。
この時、このマウススクロールイベントを検出して上にスクロールすると詳細ページが全画面に拡大し、下にスクロールすると詳細ページが閉じるという挙動を希望します。
現在、ユーザー詳細ページがv-navigation-drawerとして開発されました。

開発環境

MacOS
Nuxt.js

該当するソースコード

<template>
    <div id="user" @click="()=>isShow = !isShow"></div>
    <v-navigation-drawer
      v-model="isShow"
      v-scroll="handleScroll"
      temporary
      app
      absolute
    >
</template>

宜しくお願い致します。