'Scroll to continue with content' ad


Recommended Posts

Farchord

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 post
Share on other sites
Farchord

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 post
Share on other sites
This topic is now closed to further replies.
  • Recently Browsing   0 members

    No registered users viewing this page.