Quasar - 600px幅以上で垂直スクロールバーが動作しない

Question

私はquasarフレームワークを使用していますが、ウィンドウの幅に応じて.vueコンポーネントの垂直スクロールバーが失敗する理由はわかりません。それは幅600px未満で動作します。

home.vueコード：

<template> 
    <div class="layout-padding"> 
     <div class="user"> 
      <p>User Component</p> 
      <router-view class="layout-view"></router-view> 
     </div> 
     <div> 
      <i>account_circle</i> 
      <p class="bg-red-1">Quasar framework</p> 
      <button class="secondary" @click="toggleFullscreen()"> 
      <i class="on-left">zoom_out_map</i> 
      Toggle Fullscreen 
      </button> 
     </div> 

     <div> 
      <p>-</p> 
      <blockquote> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> 
      <small>Someone famous for <cite title="Quasar Framework">Quasar Framework</cite></small> 
      </blockquote> 
     </div> 
    </div> 
</template> 

Answer 1

私は、「レイアウトパディング」が含まれてdiv要素を追加する必要がありますので、ルートノードがsubroutesのために必要とされるのdiv

<template> 
    <div> <!-- root node --> 
     <div class="layout-padding"> 
      [Content...] 
     </div> 
    </div> 
</template> 

私は解決策を持ってクエーサーの文書から： http://quasar-framework.org/components/layout-overview.html#Understanding-Layouts

Answer 2

プレビュースページが開かれている場合はモーダル、現在のページモーダルからのいくつかのパラメータを持っています（スクロールページがありません）。したがって、解決策は、前のページのモーダル（@ click = "modal.close（）"）を閉じて、現在のページに移動します。