尝试使用Jquery滚动使对象FadeOut然后FadeIn
所以我有这个对象：
<span>Fadeout on scroll</span>
和这段代码：
$(window).scroll(function () {
$("span").fadeOut("slow");
});
$("span").fadeIn("slow");
我希望该对象在滚动时淡出，并在完成时淡入。
我的代码无法满足我需要它的工作。
So I have this object:
<span>Fadeout on scroll</span>
And this code:
$(window).scroll(function () {
$("span").fadeOut("slow");
});
$("span").fadeIn("slow");
I want the object to fade out when scrolling, and fade back in when complete
My code doesn't work for what I need it to work for.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
YNhat 的链接将描述如何正确执行此操作。
但是，如果您想知道为什么您的不起作用。如果您查看代码，就会发现淡入完全位于任何事件之外。这意味着它将在浏览器解释它时首先运行，并且再也不会运行。每次滚动时，fadeOut 都会运行，但 fadeIn 不会运行，因此它将保持隐藏状态。
YNhat's link will describe how to do it correctly.
However, in case you want to know why yours doesn't work. If you look at your code, the fadeIn is completely outside of any event. This means that it will run initially when the browser interprets it and never again. The fadeOut will run every time you scroll but fadeIn will not run so it will just stay hidden.