Question

我有一堆我想隐藏的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');

});

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

这是我用来在用户滚动到适当位置时显示元素的代码示例。所有其他元素使用完全相同的代码，但使用＆＃34; #intro＆＃34;取代＆＃34;＃Causes＆＃34;，＆＃34; #effets＆＃34;等。

$(window).bind("scroll", function() {


    if ($(this).scrollTop() > 200) {
        $("#intro").fadeIn();
    }

});

Answer 1

不确定您使用的是哪个版本的jQuery，但如果它是最新版本之一，您应该使用$.on代替$.bind，它会使用相同的办法。然后，fadeIn不会更改可见性，它会更改元素的显示和不透明度。因此，不要添加visibility: hidden;，而是添加display: none;

以下是最终结果：http://jsfiddle.net/Cedriking/jsqff025/

此外，我认为问题是如何让它出现，而不是消失：）

Answer 2

使用 $('#element').css('display', 'none');

Answer 3

您可以简单地使用jQuery的show（）和hide（）方法。你的可能是：

$(document).ready(function(){

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

});

这是小提琴手：http://jsfiddle.net/tejsoft/utb61zvo/

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

3 个答案: