使用jQuery/JavaScript加载页面时使元素消失

我有一堆我想隐藏的div，但只有在页面加载时才隐藏。我还有其他代码告诉它在用户滚动时淡入。不幸的是，我尝试使用的代码

$(document).ready(function(){

    $('#intro').css('visibility', 'hidden');
    $('#causes').css('visibility', 'hidden');
    $('#effets').css('visibility', 'hidden');
    $('#traitements').css('visibility', 'hidden');
    $('#conclusion').css('visibility', 'hidden');
    $('#sources').css('visibility', 'hidden');

});

使元素完全消失，并且在用户滚动时它们不会重新出现

这是我用来在用户滚动到适当位置时显示元素的代码示例。所有其他元素使用完全相同的代码，但用“#intro”替换“#cause”、“#effets”等

---

不确定您正在使用哪个版本的jQuery，但如果它是最新版本之一，您应该使用

$。在

上，而不是

$。绑定

，它的使用方式是相同的。然后fadeIn不会更改可见性，它会更改元素的显示和不透明度。因此，不要添加

可见性：隐藏，添加
显示：无

以下是最终结果：

另外，我认为问题是如何使它出现，而不是消失：）
不确定您使用的是哪个版本的jQuery，但如果它是最新版本之一，您应该使用
$。在
上，而不是
$。bind
，它的使用方式是相同的。然后fadeIn不会更改可见性，它会更改元素的显示和不透明度。因此，不要添加
可见性：隐藏，添加
显示：无

以下是最终结果：

我还认为问题在于如何让它出现，而不是消失：）
使用
$（'#element'）.css（'display'，'none'）
使用
$（'#element'）.css（'display'，'none'）
您可以简单地使用jQuery的show（）和hide（）方法。您可以是：

$(document).ready(function(){

    $('#intro').hide();
    $('#causes').hide();
    $('#effets').hide();
    $('#traitements').hide();
    $('#conclusion').hide();
    $('#sources').hide();

});

这里是提琴手：
您可以简单地使用jQuery的show（）和hide（）方法。您可以是：

$(document).ready(function(){

    $('#intro').hide();
    $('#causes').hide();
    $('#effets').hide();
    $('#traitements').hide();
    $('#conclusion').hide();
    $('#sources').hide();

});

这是小提琴手：