Поплавок DIV после прокрутки по DIV

Question

Пожалуйста, помогите мне с этим. Я - бэкэнд-парень и пробовал некоторые css, поэтому, пожалуйста, со мной.

Это URL: Check this URL

В том, что есть красная лента с подписываться, как и т.д.

Его зафиксированный на вершине. Все, что я хочу, это то, что лента должна начинаться плавать в верхней части страницы, как только кто-то прокручивается ниже нее. Если он прокручивает ленту, она сидит на своем месте.

Основная идея заключается в том, что лента должна быть всегда видна пользователю.

Как добиться чего-то подобного в CSS?

Answer 1

$(window).scroll(function(){ 
    if($(this).scrollTop()>$('#socio').position().top){ 
    $('#socio').css({position:'fixed',top:0}); 
    }else{ 
    $('#socio').css({position:'relative'}); 
    } 

}); 

что-то, как это должно работать

Answer 2

проверить «Persistent заголовок» Криса Coyier в:
http://css-tricks.com/persistent-headers/

Это код, чтобы получить заголовок некоторой области контента, чтобы оставаться видимым в в верхней части экрана, когда вы просматриваете это содержимое. Затем уходите, когда прокрутите этот раздел.

Он также размещает ссылку на another осуществления.