Nuxt.jsでのモーダル実装時に、背景スクロール禁止がうまくできません。

#Nuxt.jsでのモーダル実装時に、背景スクロール禁止がうまくできません。

Vue.js(Nuxt.js)でモーダルウインドウの実装を行っています。
モーダル表示中の背景スクロールを防ぐために
body要素にoverflow:hidden;を設定しております。
しかし、モーダル表示と同時にページ最上部へ移動してしまう問題が
解決できずに困っております。

イメージとしてはscrollTo(スクロールした距離)によって
調整を行いたいのですが、スクロールした距離を取得したところで
手が止まってしまいました。

解決方法のアドバイスや自分だったらこのように実装するなどの
ご意見をいただけたら幸いです。

どうぞよろしくお願いします。

該当のソースコード

<button class="rooms-body-images__btn" @click="initModal">
    <span>詳細を見る</span>
</button>

<transition name="modal">
    <div class="modal-window" v-show="showModal">
        <div class="modal-window-bg">
            <button class="modal-window-btn" @click="closeModal">
                <i class="mdi mdi-window-close"></i>
            </button>
        </div>
    </div>
</transition>


<script>
export default {
  head() {
    return {
        bodyAttrs: {
        class: this.showModal ? "modal-body" : ""
      }
    };
  },
  data() {
    return {
        showModal: false,
        scrollHeight: 0,
  methosds:{
    initModal() {
      console.log("open");
      this.getScrollHeight();
      this.showModal = true;
      console.log(this.scrollHeight);
    },
    closeModal() {
      console.log("close");
      this.showModal = false;
    },
    getScrollHeight() {
      this.scrollHeight = window.scrollY;
      console.log(this.scrollHeight);
    }
  }
</script>

<style lang="scss" scoped>
  .modal-window {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);

  &-btn {
    z-index: 15;
    background-color: #fff;
    width: 44px;
    height: 44px;
    display: block;
    font-size: 26px;
    text-align: center;
    position: absolute;
    right: 12px;
    top: 6px;
  }
}
</style>

**グローバルCSSに記載
.modal-body {
  overflow: hidden;
  height: 100vh;
  position: fixed;
}

試したこと

initModal関数内にて、以下のコードを足してみたが思うように作動しない
window.scrollTo(this.scrollHeight, 0);

cssに対して、スクロールした距離をbody要素へ
bodyAttrs: {
class: this.showModal ? "modal-body aaa" : ""
style: this.showModal ? top : ${this.scrollHeight}px : ""
}
下部へ行きすぎたのか、要素がない遥か下方へ飛ばされてしまった