Find freelancers. Lose those costly delays.

With 1.7 million freelancers, we'll match you with the perfect talent.

or, Register with Elance »

jQuery/CSS Technique to Make a Scrollable Sidebar
Sign in to Add to Watch List

IT & Programming > Website Design

View Change History

The client has made the following changes to the job.


Bidding period ended early.

Apr 1, 2012

Job awarded.

Mar 26, 2012

Job Description

  |  Change History >>


  • Posted: Sun, Mar 25, 2012
  • Time Left: Closed
  • Location: Anywhere
  • Client prefers freelancers from:

    You are still able to submit a proposal for this job.

    The client prefers freelancers from
    a different location.

    You're still able to submit a proposal for this job, regardless of your location.
  • Start: Immediately
  • Budget: Less than $500
  • Fixed Price Job
  • Elance Escrow Protection
  • W9 Not Required
Sign in to view client's details

On my website there are short pages with a very long sidebar. The main content ends but the sidebar keeps going, which pushes the footer down and extends the overall length of the page. It creates a huge annoying empty space. It annoys me because the lower content of the sidebar is not primary, it's very secondary.

Here's an example page:   [obscured]  /manager-jobs/

So, I have a solution in mind, but I don't know how to implement it with jQuery and CSS. If you can help, it would be great. Here's what I envision:

Set the height of the sidebar container to the same height of the main content container using JavaScript. Set overflow to hidden. Then use a JavaScript scrolling technique like that which Facebook uses in their right side ticker. That is, when the cursor is close to the edge of the element, a thin scroll-bar fades into view so that you can grab it with the mouse and scroll.

I also need the final solution to have a visual cue when overflowing content is hidden, like a f...

Sign in or Register to see more

Desired Skills
CSS, Javascript, jQuery
Job ID: 29474553
Avg $ | High $ | Low $ — Show Pricing
  • Submit Date (Latest)

 Russia  |  
I'm a developer who aimed at delivering a product in a shortest time, providing application that built on the edge of web technologies. I know how...
 0.0   |  $0 Earnings   |  0 Jobs
Bid ID: 29498849  |  Submitted: Mar 26, 2012 15:03 ET 
Proposal SEALED

 Ukraine  |  
I have about 2 years of experience in developing of websites. I know jQuery, javascript, HTML5, ASP.Net, MVC3, C#, SQL. And I'll do my best to...
 0.0   |  $0 Earnings   |  0 Jobs
Bid ID: 29487048  |  Submitted: Mar 26, 2012 06:00 ET 
Proposal SEALED

Muhammad Haroon      
Muhammad Haroon's identity has been verified.  Learn More
 Pakistan  |  
I have a vast experience in frontend development and design, my skills make me an exceptional choice for your projects that involve Web Designs,...
 4.8   |  Private   |  58 Jobs
Bid ID: 29476364  |  Submitted: Mar 25, 2012 15:21 ET 
Within 3 days

Md M.      
Md M.'s identity has been verified.  Learn More
 Bangladesh  |  
Over 7 years of my development experience, I have delivered hundreds of web and desktop applications starting from small web sites to large scale...
 4.3   |  Private   |  5 Jobs
Bid ID: 29475392  |  Submitted: Mar 25, 2012 14:05 ET 
Proposal SEALED

 India  |  
I have 6 years of experience in building rich, scaleable enterprise applications which are used by thousands of users.
 0.0   |  $0 Earnings   |  0 Jobs
Bid ID: 29475069  |  Submitted: Mar 25, 2012 13:40 ET 
Proposal SEALED
Elance is now an Upwork company.
Upwork is the choice of 4M+ clients. Get started working on Upwork today.
Are you ready to post a job like this one?
Post a Similar Job »