Closed

"Sticky" container for top of page ads with javascript

OVERVIEW

We want to replicate the format of the top-of-page ad placement used in the desktop view of [login to view URL] (and any movie page on [login to view URL])? We will use this code to display advertising on participating websites.

Note: We've had occasional issues accessing example pages directly. If you have issues visit [login to view URL] and click the name of any film or TV program.

SCOPE OF WORK

We are looking for a solution that will deliver the container, behaving as required. This can be tested by serving static images in place of real adverts. Note, we just need to code for the container, not to handle ad unit loading.

EXAMPLE OF AD UNIT BEHAVIOUR

I have made a video showing the desired behaviour here: [login to view URL]

The placement we are interested in appears at the top of each of the pageviews shown in the video. On the first pageview it loads a vodafone creative, on the second a larger Wayfair one.

SPECIFIC BEHAVIOUR REQUIREMENTS

* A container loads, sized to fit its contents

* The container appears at the top of the screen, pushing content down to create space

* The first time the user scrolls down the page, the container scrolls more slowly than the surrounding page, keeping it in view for longer before it eventually scrolls out of view

* [optional] if the user scrolls back up the page, the container will behave as a normal container if they scroll down again (locking in position)

* If empty, the container should not take space or noticeably affect the behaviour of the page

Note: in the video the first ad unit is slow to load. This is a result of my connection and the size of that creative rather than being deliberate or desirable behaviour.

OTHER REQUIREMENTS

* The solution should work on most websites

* Code (including any required libraries) should be lightweight

* The solution must be in one self-contained JS file (we will host this centrally, with participating sites calling the script remotely from our server)

Please let me know if you have further questions

Skills: CSS, HTML, Javascript, PHP, Website Design

See more: sticky div on scroll, sticky elements, sticky sidebar css, position sticky inside div, fixed div on scroll jquery example, jquery sticky div inside container, sticky div on scroll css, make div fixed after scrolling, rotating ads javascript code, page creator javascript dynamic, reload page seconds javascript, cool page ads, page ads indesign, web page refresh javascript image change, hindi web page unicode javascript, design page ads, vibrant ads javascript clone, flash overlay page ads, 85x11 page ads, create set startup page via javascript

About the Employer:
( 0 reviews ) Dubai, United Arab Emirates

Project ID: #18314329

11 freelancers are bidding on average $161 for this job

yuriyes43

Hello. How are you today? I just read your job description. This really attracts me. As you can see on my profile, I am a individual full stack developer who has rich experience in web development. I have been worki More

$200 USD in 7 days
(50 Reviews)
5.8
jamesmartin81

I have experience of Website in PHP, Laravel, CodeIgnitor, Wordpress, Opencart, Woocommerce, Photoshop, Adobe Illustrator . We also have experience of making Android,Window and iphone application with ionic & phonegap. More

$140 USD in 3 days
(103 Reviews)
5.8
szebanred10030

Dear sir. I am excellent MEAN stack developer, I think your job is very suitable for me. I am a full stack developer extensively working on backend and frontend development. I have worked with react.js, node.js, ang More

$50 USD in 3 days
(18 Reviews)
5.5
amitadlakha04

Hello Dear I am expert in PHP ,codeignitor, Mysql , HTML , CSS , Javascript , Jquery , AJAX , web development. I am very Efficient,Responsive ,Professional developer and available at IST time zone .I am a professional More

$155 USD in 14 days
(30 Reviews)
5.2
Anna0506

Hi It's nice to meet you! I read your job post carefully and got your need roughly. As I am a skilled web developer from Ukraine, I have much experience with script coding. Sure I can handle your project successful More

$133 USD in 3 days
(10 Reviews)
4.5
archanacodenomad

Hi, Thank you for such a great opportunity! Dont ignore me, i could be a right person for this job, honestly and seriously I am veteran Web developer and designer. I have developed many skills so far. In languag More

$150 USD in 5 days
(7 Reviews)
4.0
hiteshkumar2

Hi I have understood your requirements I would like to introduce my self to you. I am hitesh sofat. I am working as web developer as well as Front end developer. I have 5 years experiences in IT industry. I have wor More

$166 USD in 3 days
(19 Reviews)
5.2
softclique2016

Softclique Software Services LLP is an IT-enabled service company based in Kolkata, India. Established in 2016, a subsidiary company of OJAS Software Consultancy Services Limited, UK, we have been providing services fo More

$111 USD in 3 days
(0 Reviews)
0.0
$138 USD in 7 days
(0 Reviews)
0.0
amiros10

hey there, my name is amir and i am a front end developer for 3 years. i have read carefully your instructions & see the video guide line and its look very manageable quickly. hoping that we can work together. More

$166 USD in 2 days
(0 Reviews)
0.0
$367 USD in 10 days
(1 Review)
0.0