So, how do I know the scroll direction when the event it&#39;s triggered?

In the returned object the closest possibility I see is interacting with the `boundingClientRect` kind of saving the last scroll position but I don&#39;t know if handling `boundingClientRect` will end up on performance issues.   

&lt;b&gt;Is it possible to use the intersection event to figure out the scroll direction (up / down)?&lt;/b&gt;

I have added this basic snippet, so if someone can help me.    
I will be very thankful.

Here is the snippet:


&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    var options = {
      rootMargin: &#39;0px&#39;,
      threshold: 1.0
    }

    function callback(entries, observer) { 
      entries.forEach(entry =&gt; {
        if (entry.isIntersecting) {
          console.log(&#39;entry&#39;, entry);
        }
      });
    };

    var elementToObserve = document.querySelector(&#39;#element&#39;);
    var observer = new IntersectionObserver(callback, options);

    observer.observe(elementToObserve);

&lt;!-- language: lang-css --&gt;

    #element {
      margin: 1500px auto;
      width: 150px;
      height: 150px;
      background: #ccc;
      color: white;
      font-family: sans-serif;
      font-weight: 100;
      font-size: 25px;
      text-align: center;
      line-height: 150px;
    }

&lt;!-- language: lang-html --&gt;

    &lt;div id=&quot;element&quot;&gt;Observed&lt;/div&gt;

&lt;!-- end snippet --&gt;


I would like to know this, so I can apply this on fixed headers menu to show/hide it

All Intersection Observer Solutions on Gang of Coders

Total of 1 Intersection Observer Solutions

How do I know the IntersectionObserver scroll direction?