Javascript onScroll事件未触发else{}函数

Javascript onScroll事件未触发else{}函数,javascript,jquery,html,scroll,Javascript,Jquery,Html,Scroll,我正在尝试运行一个简单的“onScrollDosomething”函数 当访问者从顶部窗口位置滚动超过20px时,标题的大小(以及内容)应该缩小。 当访问者滚动回到顶部(或时,我认为不可能将动画设置为“自动”高度 您可以在运行函数之前保存高度,然后可以将其动画化回该高度 // Get the height var h = $('header').outerHeight(); // Animate to the stored height $('header').animate({"height

我正在尝试运行一个简单的“onScrollDosomething”函数

当访问者从顶部窗口位置滚动超过20px时,标题的大小(以及内容)应该缩小。
当访问者滚动回到顶部(或时,我认为不可能将动画设置为“自动”高度

您可以在运行函数之前保存高度,然后可以将其动画化回该高度

// Get the height
var h = $('header').outerHeight();

// Animate to the stored height
$('header').animate({"height": h})

如果你发布代码,帮助会更容易。创建一个JSFIDLE链接并将代码放在问题主体中。将jQuery作为依赖项添加到你的JSFIDLE,还有你的
.animate(“height”,auto)
,更改为
.animate({“height”:“auto”})
,似乎有效,但由于没有足够的高度进行滚动,您无法在之后滚动。这不会影响其他条件{}的标题大小。滚动后,标题会收缩,但不会返回。检查此代码,是吗?
$(window).scroll(function () {
    var topW = $(window).stop().scrollTop();
    if (topW > 20) {
        $('header').animate({"height": "15%"}),
        $('header img').css({"height": "10%","width": "10%"});
    } else {
        $('header').animate("height", auto);
    }
});
// Get the height
var h = $('header').outerHeight();

// Animate to the stored height
$('header').animate({"height": h})