How to add scroll event on modal?

[fuyunliu]

scroll event on modal

Mac OS 10.14.5
Chrome 75.0.3770.100 (64bit)
Fomantic UI 2.7.6

Problem

function ping() {alert('pong')}

// not working
window.addEventListener('scroll', ping)

// not working
document.addEventListener('scroll', ping)

// not working
document.querySelector('div.ui.modal').addEventListener('scroll', ping)

[lubber-de]

@fuyunliu It depends on the kind of scrollable modal:

• A normal modal gets scrollable via the page dimmer, thus you set your listener to the dom node .page.dimmer
• A modal having scrolling content gets scrollable via the .content, thus you set your listener to the dom node .modal .content

See difference here:
https://jsfiddle.net/f2mradto/1/