teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

スクロールバーを表示させている部分の詳細を記載

2021/03/05 02:40

投稿

takuya_am
takuya_am

スコア16

title CHANGED
File without changes
body CHANGED
@@ -6,6 +6,15 @@
6
6
  ### 前提条件
7
7
  - 右コンテンツのみスクロール表示するため、右コンテンツのルートコンポーネントを`OverlayScrollbarsComponent`(npmモジュール)でラップしてスクロール制御している。
8
8
  - このコンポーネントが3階層ほど<div>を生成して、実際には孫階層がスクロールを表示している。
9
+ ```
10
+ // ↓厳密には若干異なりますが階層構造はこのような状態です。
11
+ <div id="anything">
12
+ <div>
13
+ <div class="os-viewport"> // ←ここがスクロールバー
14
+ </div>
15
+ </div>
16
+ </div
17
+ ```
9
18
  - 孫階層に `os-viewport` というクラスが付与されている。
10
19
 
11
20
  ### やりたいこと(知りたいこと)