AppBarsComponentがiphoneでみた時にツールバーと被ってしまうことを解決させたい
vuetifyでapp bars componentを利用してサイトを構築してます。
overflow-y-autoを指定してるのですが、これがiphoneのsafariなどで出てくるツールバーを考慮できてなく?ツールバーに要素が被ってしまいます。
これを解決させたいのですが、、表現が難しく伝わってなければ申し訳ないです。
知恵をお借り出来たらと思います。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
vue
1<v-app-bar 2 absolute 3 color="#43a047" 4 dark 5 shrink-on-scroll 6 prominent 7 src="https://picsum.photos/1920/1080?random" 8 fade-img-on-scroll 9 scroll-target="#scrolling-techniques-5" 10 scroll-threshold="500" 11 > 12 <template v-slot:img="{ props }"> 13 <v-img 14 v-bind="props" 15 gradient="to top right, rgba(55,236,186,.7), rgba(25,32,72,.7)" 16 ></v-img> 17 </template> 18 19 <v-app-bar-nav-icon></v-app-bar-nav-icon> 20 21 <v-toolbar-title>Title</v-toolbar-title> 22 23 <v-spacer></v-spacer> 24 25 <v-btn icon> 26 <v-icon>mdi-magnify</v-icon> 27 </v-btn> 28 29 <v-btn icon> 30 <v-icon>mdi-heart</v-icon> 31 </v-btn> 32 33 <v-btn icon> 34 <v-icon>mdi-dots-vertical</v-icon> 35 </v-btn> 36 </v-app-bar> 37 <v-sheet 38 id="scrolling-techniques-5" 39 class="overflow-y-auto" 40 max-height="600" 41 > 42 <v-container fluid> 43 <v-content> 44 <router-view /> 45 </v-content> 46 </v-container> 47 </v-sheet>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー