'Scroll to continue with content' ad


Recommended Posts

I thought I'd let you guys know of this ad, it seems to be using some kind of parallax effect and almost takeover the website's layout.

 

Here's the code from the chrome inspector if it helps:

 

<div id="google_ads_iframe_/4585/ns.neowin.net/general_2__container__" style="border: 0pt none; margin: auto; text-align: center;"><iframe id="google_ads_iframe_/4585/ns.neowin.net/general_2" title="3rd party ad content" name="google_ads_iframe_/4585/ns.neowin.net/general_2" width="300" height="250" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" srcdoc="" style="border: 0px; vertical-align: bottom; display: none;" data-google-container-id="3" data-load-complete="true" data-integralas-id-35ec40e3-aa01-cf50-fbf4-12d82894a384=""></iframe><div class="celtra-ad-host" style="position: relative; z-index: 0; min-height: 667px;"><div style="overflow: hidden; display: block; background: rgb(157, 35, 125); width: 2195px; height: 667px; position: absolute; left: -1309.44px; right: auto; top: 0px; bottom: auto;"><div class="celtra-advertisement-message" style="background: rgb(0, 0, 0); color: rgb(255, 255, 255); position: absolute; z-index: 4; top: 0px; left: 0px; right: 0px; width: auto; margin: 0px; padding: 5px; text-align: center; text-transform: uppercase; font: 10px/10px Helvetica, Arial, sans-serif; box-shadow: black 0px 1px 10px;">Advertisement</div>
<div class="celtra-clipper" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; clip-path: inset(0px); clip: rect(0px, auto, auto, 0px);"><div class="celtra-content" style="position: fixed; top: auto; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; bottom: 0px; transform: translateZ(0px);"><div style="overflow: hidden; display: block; width: 2195px; height: 667px; position: absolute; left: 0px; right: auto; top: 0px; bottom: auto;"><iframe frameborder="0" scrolling="no" allowfullscreen="" width="2195" height="667" style="border: 0px; display: block; width: 2195px; height: 667px;"></iframe></div></div></div>
<div class="celtra-scroll-message" style="background: rgb(0, 0, 0); color: rgb(255, 255, 255); position: absolute; z-index: 3; bottom: 0px; left: 0px; right: 0px; width: auto; margin: 0px; padding: 5px; text-align: center; text-transform: uppercase; font: 10px/10px Helvetica, Arial, sans-serif; box-shadow: black 0px -1px 10px;">Scroll to continue with content</div></div></div></div>

 

1.PNG

Link to comment
Share on other sites

Btw when you scroll down, the ad becomes as big as the website's viewpoint, until you scroll more and the remainder of the website shows below. I think it might actually mask comments (If there were any in this specific page)

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.