我试图让一个 div 淡出,然后让第二个 div 淡入其位置,但是第二个 div 淡出的回调似乎不会等待第一个 div 完成淡出,事实上它们都同时淡出时间提供交叉淡入淡出效果而不是淡出然后再淡出。继承人的代码:
$(document).ready(function () {
//toggle story text
$(function () {
$("#imageGallery").scroll(function () {
if ($(this).scrollLeft() > 1000) {
$("#story2").fadeIn("300", function () {
$("#story1").fadeOut("300");
});
} else {
$("#story1").fadeIn("slow");
$("#story2").fadeOut("slow");
}
});
})
});
我在页面中使用它:
http://www.jonathantopf.com/imijstudio/
任何想法为什么会发生这种情况?
您将在淡出另一个 div 之前淡入新的 div。这会产生交叉淡入淡出效果,这就是您看到它的原因。也许你的意思是:
$("#story1").fadeOut("300", function () {
$("#story2").fadeIn("300");
});
在淡入下一个之前淡出当前一个。然后,您不会同时在屏幕上看到它们(例如,没有交叉淡入淡出)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)