Attention life hacker theme

finerpleasures

Regular Member

Feb 17, 2009

337

100

• Dec 7, 2011

• #1

Hey guys,does anyone know, how they did it. On lifehacker com, the widgets area does not scroll or move, it just stays in one place - so pretty.

How do you think we can achieve this on any blog. Please advice!

 

Nookie Monster

Senior Member

Mar 28, 2010

967

466

• Dec 7, 2011

• #2

Looking at the code it appears they used JS to keep the sidebar static but let the main body scroll.

Maybe someone here can write a theme like this.

 

G

germany45

Newbie

Jun 15, 2011

11

0

• Dec 7, 2011

• #3

u can achieve this using jquery

 

M

menzow

Junior Member

Apr 20, 2010

144

102

• Dec 7, 2011

• #4

Code:

#rightcontainer {
position: fixed;
margin-bottom: 10px;
width: 300px;
height: 100%;
top: 0;
z-index: 1;
}

position:fixed
http://www.w3schools.com/cssref/pr_class_position.asp

 

M

markhenry121

Elite Member

Oct 14, 2011

2,147

242

• Dec 9, 2011

• #5

Here is also good tips for it.

1. hxxp://wordpress.org/support/topic/fixed-sidebar-menu-content-as-scrolling-sheet
2. hxxp://wordpress.org/support/topic/fixed-sidebar-and-header