Постоянный заголовок для веб-страницы

Question

Я рассмотрел несколько методов jQuery для создания постоянного заголовка, но я действительно не понимаю, как работают эти функции.

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

Любая помощь будет оценена по достоинству.

Answer 1

Что-то вроде этого?

http://jsfiddle.net/C5nXH/

HTML

<div class="test">Hello!</div> 

JQuery

$(window).scroll(function() { 
    offset = $('.test').offset(); 
    if (offset.top < $(window).scrollTop() + 10){ 
     $('.test').addClass('fixed'); 
    } 
}); 

CSS

body{ 
    height: 2000px; 
} 

.test{ 
    position: relative; 
    top: 100px; 
} 

.test.fixed{ 
    position: fixed; 
    top: 10px; 
}