jquery - Web ページの永続的なヘッダー

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;
}