Web popups suck. Sometimes they can be defeated with Firefox's Inspector tool. Here's an example.
Article shown in the video: https://www.popsci.com/science/metal-music-good-for-you/
These directions are valid ONLY FOR MOZILLA FIREFOX:
- Open the article in another window. Scroll up or down to make the "This one's on us" popup appear.
- Right click on "PopSci+" and click "Inspect". The inspector pane will appear at the bottom of the browser window.
- In the inspector pane, scroll upward until you find something like "div id=mailmunch-popover ...". Right-click it and choose "Delete Node" from the popup menu.
- Also find the "div id=mailmunch-overlay" and delete that too.
The popups are now gone. Unfortunately the page is still not scrollable, so you can't scroll down to see the article.
- Right-click on the metalhead's nose and choose "Inspect". The inspector pane should change to highlight something like "img class=SingleImage-image"
- Scroll down a bit, and find something that looks like "div class=Article-body". Right-click that, and choose "Scroll into view".
- Just to the right of the Inspector pane, there should be another pane showing "element {" at the top. Click on the word "element". A box and blinking cursor should appear just below. This allows you to add CSS properties.
- Paste in the following text:
overflow: scroll;
height: 900px;
These two lines tell your web browser to allow scrolling of the article body, and that the scroll zone is 900 pixels tall.
You should now be able to close the Inspector (using the small X at the top right of the Inspector pane) and read the article's text.