Javascript onScroll事件未触发else{}函数
我正在尝试运行一个简单的“onScrollDosomething”函数 当访问者从顶部窗口位置滚动超过20px时,标题的大小(以及内容)应该缩小。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
当访问者滚动回到顶部(或时,我认为不可能将动画设置为“自动”高度 您可以在运行函数之前保存高度,然后可以将其动画化回该高度
// 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})