Add a jQuery Sticky Column to a Web Page

Completed Posted 7 years ago Paid on delivery
Completed Paid on delivery

Need a new right hand column added to an existing one column web page that sticks on the last element. For example, this column could have several navigation links at the top and an email signup form at the bottom. When the user scrolls, at first the entire web page scrolls as expected. However, when the email form in the right column reaches the top of the screen, it stays there (i.e. it sticks) even as the user continues to scroll down. The bottom of the email form should not go below the top of the footer. Also, if the width of the user screen or browser is less than the width of the main body plus right hand column, then this right hand column should not display at all.

The width of this new right hand column should be able to contain an image that is 336 pixels wide, have a white background and a black border that is equal in width to the border surrounding the main body. It should also be spaced 4 pixels to the right of the main body.

This solution must work (smooth, fast) on all major browsers (desktop and mobile). There are many free jQuery solutions available. Feel free to use any of these as a foundation.

This should be a relatively simple and straightforward job for an experienced developer. We always rank high for a job well done. Good luck with your bid.

CSS HTML JavaScript jQuery / Prototype

Project ID: #10395864

About the project

26 proposals Remote project Active 7 years ago

Awarded to:

WebWars

Hello there, I have 7 years experience in web design and development and I am really looking forward to work on this project. You can check my work here: https://www.freelancer.com/u/WebWars.html and here: More

$100 USD in 1 day
(301 Reviews)
7.9

26 freelancers are bidding on average $198 for this job

graphicaa

Greetings, This is GOPAL for STALLIONi, 1. The RHS column with a email signup form will be designed. 2. The scrolling to top will scroll the form and it will stick to the top of the page. 3. Scrolling down will not More

$164 USD in 3 days
(529 Reviews)
8.9
kabirchy

Hi there - My name is Khorshed. I've read your brief and can see that you’d like to add right hand column in your script. I can help you get this done. I have several years of experience designing and developing websit More

$152 USD in 3 days
(584 Reviews)
8.9
DreamOne

A proposal has not yet been provided

$176 USD in 3 days
(223 Reviews)
8.2
cr8tivewebexpert

Hi, Will get this done quickly. Please share existing page and code access. Thank You, Creative Web Expert

$176 USD in 2 days
(115 Reviews)
8.2
babysoftS

Hi, I can create a new right hand column for an existing one column web page that sticks to the element. I can make this column in jQuery, JavaScript and make it work as you need. I am looking forward to work with yo More

$176 USD in 2 days
(165 Reviews)
8.0
shivmirthyusl

ABOUT US "IT FLEX SOLUTIONS has focused exclusively on the Web Development/Designing projects with 8+ years of service. Our Web Development/Designing expertise has helped clients to create e-commerce, social networkin More

$235 USD in 3 days
(198 Reviews)
8.2
latatestTech

With Freelancer Preferred badge bound to give 100% Quality (Let's Chat) Hello, A great team is here for your service!! I read the project description properly, and I agreed to fulfill 100% of all your requiremen More

$164 USD in 3 days
(131 Reviews)
7.7
cooldevvn

Ready to start it for you right now. I can show demo for you in private messages. Please discuss more details with me asap.

$294 USD in 2 days
(247 Reviews)
7.5
Enayet

Hi, Its Enayet. Checked the details. Clear with the requirement. Will add the sticky column as described. Would like to see the current site. Is it a plain html site or PHP site? Thank you, Sincerely, Enayet

$200 USD in 2 days
(213 Reviews)
7.4
AndroPetre

Hello, I am Peter, an experienced web designer & developer. Quality and speed are my leading stars and I am at your disposal, just give me a message.

$500 USD in 3 days
(72 Reviews)
7.2
prayastechnology

A proposal has not yet been provided

$150 USD in 3 days
(225 Reviews)
7.0
dipta12

Hi, Hope you are doing well. Experienced jquery developer applying here. Would like to discuss in detail. Please drop in a message. Thanks a lot.

$70 USD in 2 days
(139 Reviews)
6.8
sanjuchugh

Hi, I can make sticky column to your website as you required i.e Email form stay sticky when user scroll below the top of the email form. Please discuss. thanks, Sanjeev

$82 USD in 2 days
(164 Reviews)
6.4
ExpertDeveloping

Hi , READY to do this now .

$92 USD in 0 days
(45 Reviews)
5.8
ssplancer

Hi, I can provide you fast and quality solution within 1 day. I understand your complete requirements. Just send me your website link and provide FTP and admin credentials. Looking forward for your quick response More

$105 USD in 1 day
(42 Reviews)
5.8
salus7r

Hi there, this is Salman Zahid and I am a professional web developer and designer so please contact me for more details as I would love to work on this project with you. Thank You

$176 USD in 3 days
(69 Reviews)
4.7