title: How to hide/show fixed element in some sections?
body: <p>I want that fixed element #logoimode3 show/hide on some sections.</p>
  
  <p>Example:
  Show #logoimode3 on #section1 and #section3 
  Hide #logoimode3 on #section2</p>
  
  <p>So fixed element have to disapear on blue section.
  And than show again on green section.
  I want my logo to disapear while scrolling trought section 2.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;&lt;/style&gt;
  &lt;script&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
        &lt;img id="logoimode3" class="logo3" style="position:fixed;top:0px;left:0px;" src="https://imode.info/imode/slike/ikone/IMODE_znak-01.svg" alt="logo" height="" width="30px"&gt;
  
  &lt;section id="section1" style="background: red; height:100vh;"&gt;&lt;/section&gt;
  &lt;section id="section2" style="background: blue; height:100vh;"&gt;&lt;/section&gt;
  &lt;section id="section3" style="background: green; height:100vh;"&gt;&lt;/section&gt;
  
  &lt;/body&gt;
  
  &lt;footer&gt;&lt;/footer&gt;
  
  &lt;/html&gt;
  </code></pre>