Исправлен раздел, который знает панель навигации в CSS?

Question

Если вы не знаете, что такое название о, посмотрите на этот GIF (я не мог заставить его работать на jsfiddle)

http://imgur.com/a/56R7M

Зеленый DIV будет установлена ​​в сторону секции и синий div - панель навигации. Я создал это с помощью jQuery и плагина, который позволяет проверить, находится ли элемент на экране.

Проблема в том, что это довольно медленно и багги. Есть ли какой-либо трюк CSS, который бы дал тот же эффект? Или что-нибудь еще, что не использует .Appear() плагин?

Answer 1

Nevermind, только что лучше и JS единственное решение

window.onscroll = changePosition; 

function changePosition() { 
    var aside = document.getElementById("someElement"); 
    if (window.pageYOffset > 100) {  //100 is nav bar height 
     aside.style.position = "fixed"; 
     aside.style.top = "20px"; //space between top of the screen and aside 
    } else { 
     aside.style.position = "absolute"; 
     aside.style.top = "120px";  //nav bar height + space between them 
    } 
} 

Работы Waaaay лучше, чем я сделал с JQuery