質問編集履歴
4
デベロッパツールで確認しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -15,6 +15,16 @@
|
|
15
15
|
modalの背景(shade)がスクロールに従って透明度を失ってしまう。
|
16
16
|
|
17
17
|
→ opacity:0.3に設定しているshadeが、スクロールしていくとopacity:1になる。
|
18
|
+
|
19
|
+
→ scrollごとに
|
20
|
+
|
21
|
+
```
|
22
|
+
|
23
|
+
<div id="shade"></div>
|
24
|
+
|
25
|
+
```
|
26
|
+
|
27
|
+
が生成されていた。1回だけにしたい。
|
18
28
|
|
19
29
|
|
20
30
|
|
3
ブラウザのバージョンを記載。
test
CHANGED
File without changes
|
test
CHANGED
@@ -141,3 +141,5 @@
|
|
141
141
|
Bracketsリリース 1.13 ビルド 1.13.0-17696
|
142
142
|
|
143
143
|
jQueryのバージョン不明
|
144
|
+
|
145
|
+
発生するブラウザ Chrome 68.0.3440.106
|
2
画像を追加しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,3 +1,5 @@
|
|
1
|
+
![イメージ説明](c387c4261bac223fcb2da32651153188.png)
|
2
|
+
|
1
3
|
### 前提・実現したいこと
|
2
4
|
|
3
5
|
|
@@ -11,6 +13,8 @@
|
|
11
13
|
|
12
14
|
|
13
15
|
modalの背景(shade)がスクロールに従って透明度を失ってしまう。
|
16
|
+
|
17
|
+
→ opacity:0.3に設定しているshadeが、スクロールしていくとopacity:1になる。
|
14
18
|
|
15
19
|
|
16
20
|
|
1
HTMLを追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -16,7 +16,23 @@
|
|
16
16
|
|
17
17
|
### 該当のソースコード
|
18
18
|
|
19
|
+
```html
|
19
20
|
|
21
|
+
<div id="modalwin" class="modalwin hide fadein">
|
22
|
+
|
23
|
+
<a herf="#" class="modal-close"></a>
|
24
|
+
|
25
|
+
<div class="modalwin-contents">
|
26
|
+
|
27
|
+
<button id="modal-btn" class="btn">×</button>
|
28
|
+
|
29
|
+
modalwin-contents
|
30
|
+
|
31
|
+
</div>
|
32
|
+
|
33
|
+
</div>
|
34
|
+
|
35
|
+
```
|
20
36
|
|
21
37
|
```jQuery
|
22
38
|
|
@@ -119,3 +135,5 @@
|
|
119
135
|
### 補足情報(FW/ツールのバージョンなど)
|
120
136
|
|
121
137
|
Bracketsリリース 1.13 ビルド 1.13.0-17696
|
138
|
+
|
139
|
+
jQueryのバージョン不明
|