xxxxxxxxxx
1
<!-- Button trigger modal -->
2
<button
3
type="button"
4
class="btn btn-primary"
5
data-mdb-toggle="modal"
6
data-mdb-target="#exampleModal"
7
>
8
Launch demo modal
9
</button>
10
11
<!-- Modal -->
12
<div
13
class="modal fade"
14
id="exampleModal"
15
tabindex="-1"
16
aria-labelledby="exampleModalLabel"
17
aria-hidden="true"
18
>
19
<div class="modal-dialog">
20
<div class="modal-content">
21
<div class="modal-header">
22
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
23
<button
24
type="button"
25
class="btn-close"
26
data-mdb-dismiss="modal"
27
aria-label="Close"
28
></button>
29
</div>
30
<div class="modal-body" style="height: 200px">
31
<div class="bg-primary" style="height: 2000px">
32
33
</div>
34
</div>
35
<div class="modal-footer">
36
<button type="button" class="btn btn-secondary" data-mdb-dismiss="modal">
37
Close
38
</button>
39
<button type="button" class="btn btn-primary">Save changes</button>
40
</div>
41
</div>
42
</div>
43
</div>
1
1
xxxxxxxxxx
1
const modal = document.querySelector('#exampleModal');
2
const myPs = new mdb.PerfectScrollbar(document.querySelector('.modal-body'))
3
4
modal.addEventListener('shown.mdb.modal', () => {
5
myPs.update()
6
})
7
Console errors: 0