How to capture all scrolling events on a page without attaching an onscroll handler to every single container

Question

Consider the following Web page:

Answer 1

The simplest way to detect all scroll events in modern browser would be using 'capturing' rather than 'bubbling' when attaching the event:

window.addEventListener('scroll', function(){ code goes here }, true)

Unfortunately as I am aware there is no equivalent in older browser such as <= IE8