Jquery 应用fadeIn和FadeOut时出现问题

我已经创建了七个html页面，下面的代码用于引用并移动到后续页面。我还向fadeIn添加了一点jquery，这只是页面中名为main的一部分。当网页加载并在移动到下一页之前消失时。我遇到的问题是，我没有淡出的部分向上移动。是否有办法使该部分不褪色并保持其位置

---

我建议你将其淡出，使其不透明度低到人眼、吸血鬼或其他人看不见的程度……好吧，我可能有点过火了，但不管怎样：

var fade_effect = function() {        
    $("#main").fadeTo("slow", 0.001); 
};

$(document).ready(function() {
    var intervalId = window.setInterval(fade_effect, 4000);      
    $("#main").css("display", "none").fadeTo("slow", 1);       
});

---

您遇到的问题是由以下事实引起的：一旦元素获得

显示：无

property（在

fadeOut（）

的结尾处），浏览器会将其视为高度为零，导致其下方的所有内容都向上跳跃

因此，我们想到了两种解决方法：您可以将

#main

div

包装成另一个

div

，该div与

#main

div

具有相同的

高度，您可以使用绝对定位将
#main
div
下方的任何内容保持在相同的位置

希望这有帮助
 同意，这样你就可以保持同样的高度。甚至可以尝试fadeTo 0.001，因为0.01仍然略微可见。
var fade_effect = function() {        
    $("#main").fadeTo("slow", 0.001); 
};

$(document).ready(function() {
    var intervalId = window.setInterval(fade_effect, 4000);      
    $("#main").css("display", "none").fadeTo("slow", 1);       
});