Skip navigation

Dreamweaver

BigDaddyVeltri1 Calculating status...

Currently Being Moderated

Content in right rail fixed to the height of the left content

Feb 26, 2013 9:00 AM

How does Yahoo do this? If you scroll down this page you'll notice that the right rail content will stay visible until you get to the bottom of the article. My guess is it is a combination of jquery/css. Are there any examples out there on how to do this.

http://tv.yahoo.com/news/complete-oscars-2013-winners-list-001000461.h tml

226 Views 2 Replies Latest reply: Sudarshan Thiagarajan, Feb 26, 2013 11:04 PM

Replies

Currently Being Moderated

1. Nancy O.,

Feb 26, 2013 11:05 AM in reply to BigDaddyVeltri1

Report

Drupal has a module for this called Floating Blocks: http://dev.vit-al.co.uk/floating_block/

In jQuery land, there's a plugin on Github that sort of does the same thing called ScrollToFixed
http://bigspotteddog.github.com/ScrollToFixed/

Nancy O.

|
Mark as:
3,731 posts
Oct 15, 2010

Currently Being Moderated

2. Sudarshan Thiagarajan,

Feb 26, 2013 11:04 PM in reply to BigDaddyVeltri1

Report

In general, this technique is called 'Follow Sidebar'.

This tutorial is exactly what you see on Yahoo link you had posted: http://techbrij.com/fixed-sidebar-scrolling-jquery-div

Other than that, there is an example of a 'simple scrolling sidebar' here: http://css-tricks.com/examples/ScrollingSidebar/

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points

Dreamweaver

Content in right rail fixed to the height of the left content

Feb 26, 2013 9:00 AM

More Like This

Bookmarked By (0)

Answers + Points = Status