Jquery 滚动时导航栏中的错误

我制作了一个导航栏，当滚动时它会动态改变大小，但是我遇到了一些问题，图像被剪切了，在firefox中，顶部导航栏的大小不起作用

jQuery

num = $('.topbar').offset().top;
$(window).bind('scroll', function() {
    if ($(window).scrollTop() > num) {
        $('.topbar').stop().animate({height: 34}, 200);
    } else {
        $('.topbar').stop().animate({height: 92}, 200);
    }
});

---

如果您只想让图像不被切断，但导航栏会随着您的滚动而改变大小，那么您已经非常接近了。只需将您的图像标签移出

num=$'.topbar'.offset.top； $window.bind'scroll'，函数{ 如果$window.scrollTop>num{ $'.topbar'.stop.animate{height:34}，200； }否则{ $'.topbar'.stop.animate{height:110}，200； } }; *{ 保证金：0； 填充：0； } 身体{ 高度：2000px； } .顶杆{ 位置：固定； 背景：红色； 高度：110px； 宽度：100%； z指数：-1； } img{ 浮动：对； }

---

那么你到底想达到什么目的呢？只有导航栏可以在滚动时更改大小，而不是图像？这就是jquery通过设置overflow:hidden使其成为动画的方式。将图像移到.topbar之外