javascript - 200 滚动后的 jquery 固定标题

Question

我这里有一个密码jsfiddle .我不能让它在 200 次滚动后固定滚动。

$(window).load(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 200) {
            $('navbar').css('position', 'fixed');
            $('navbar').slideDown();
        } else if ($(this).scrollTop() <= 200) {
            $('navbar').removeClass('position', 'relative');
            $('navbar').slideUp();
        }
    });
});

Answer 1

你需要在 navbar 中添加 . 因为它是一个 class 并将第一行更改为 $(function () {

当您已经在使用 onload 事件时，无需在代码中执行 load 函数。

此外，如评论中所述:

改变:

$('.navbar').removeClass('position', 'relative');

收件人:

$('.navbar').css('position', 'relative');

试试这个:

$(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 200) {
            $('.navbar').css('position', 'fixed');
            $('.navbar').slideDown();
        } else if ($(this).scrollTop() <= 200) {
            $('.navbar').css('position', 'relative');
            $('.navbar').slideUp();
        }
    });
});

JSFiddle Demo