jquery - 网页的永久标题

Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。












想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。

6年前关闭。





我已经看过几种制作持久标头的jQuery方法，但是我真的不明白这些函数是如何工作的。

我的想法的基础是，在页面上某处有一个下拉菜单，当屏幕顶部到达其位置时，将下拉菜单更改为顶部的固定位置...

任何帮助，将不胜感激。

最佳答案

像这样吗

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