title: How to remove the css rule "body overflow:hidden" automatically
body: <p>In some web pages entering with adblock installed is added in the body the "overflow:hidden" css style, preventing the scroll of a website.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Website&lt;/title&gt;
    &lt;/head&gt;
    &lt;body style="overflow: hidden;"&gt;
      Some long article content
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have to manually edit in Chrome web inspector to remove each time, which is annoying.</p>
  
  <p>I would like know I could make this removal permanent or detect via a chrome extension or adblock rule to remove it or maybe via a direct javascript, etc.</p>
  
  <p>UPDATE: Using tampermonkey chrome extension, probably I could reach my goal. I did the following script without result (the page seems reload or load some javascript and I cannot remove properly the body overflow hidden):</p>
  
  <pre><code>// ==UserScript==
  // @name         InvestingRemoveScrollBodyBlocker
  // @namespace    http://tampermonkey.net/
  // @version      0.1
  // @description  Remove body overflow hidden
  // @author       Ángel Guzmán Maeso &lt;angel@guzmanmaeso.com&gt;
  // @match        https://*.investing.com/*
  // @grant        none
  // ==/UserScript==
  
  (function() {
      'use strict';
  
      setTimeout(function(){
  
          var bodyWeb = document.getElementsByTagName("BODY")[0];
          console.log(bodyWeb);
          bodyWeb.style.overflow = "visible !important";
  
      }, 4000);
  
  })();
  </code></pre>