Jquery 如何在此代码中定位导航栏？

我的代码应该使我的标题在滚动时变薄。我的导航栏保持不动，但我想在导航栏滚动时添加一个填充

然而，我似乎不能针对我的导航栏，你能提出一些想法吗

小提琴来了

更新

这很简单，你永远不会陷入

试试这个：

$(window).scrollTop()

不是

获取Firefox的Firebug，并尝试下次进行调试，例如：

$(window).scroll(function(){
   console.log($('body').scrollTop()); 

结果：始终为0

我不理解你的问题，你应该做一个fiddle.net或者至少一些HTML标记。你的意思是：我似乎无法在代码中定位导航栏

以下是一些可能有帮助的其他建议：

$(function(){
    //Here is better, otherwise you selecting it on scroll x times for no reason..
    var $nav = $('#header'); 

    //Also on DOMready
    $(window).scroll(function(){
        if ($('body').scrollTop() > 0) {
            //if ($nav.data('size') == 'big') { // if you dont have an other reason, you could let it away
            $nav.stop().animate({
                height:'40px'
            }, 600);
            //}
    } else {
        //if ($nav.data('size') == 'small') {
        $nav.stop().animate({
            height:'90px'
        }, 600);
        //}  
    }
    });
});

---

你能创建一个JSFIDLE吗？有一个FIDLE你可以检查！

$(window).scroll(function(){
   console.log($('body').scrollTop()); 

$(function(){
    //Here is better, otherwise you selecting it on scroll x times for no reason..
    var $nav = $('#header'); 

    //Also on DOMready
    $(window).scroll(function(){
        if ($('body').scrollTop() > 0) {
            //if ($nav.data('size') == 'big') { // if you dont have an other reason, you could let it away
            $nav.stop().animate({
                height:'40px'
            }, 600);
            //}
    } else {
        //if ($nav.data('size') == 'small') {
        $nav.stop().animate({
            height:'90px'
        }, 600);
        //}  
    }
    });
});