Javascript .hide和.show显示所有元素，直到用户滚动后才能正常工作

你好，所以我在一个垂直滚动的网站上工作，固定的中心图像（主要字符）隐藏和显示取决于用户在页面上的位置使用.scrolltop。我唯一的问题是，当页面第一次加载时，每个中心图像都会立即加载并显示。一旦你开始滚动，它从一开始就可以正常工作，似乎只有在第一次加载页面时才会发生。我的剧本写错了什么？我认为这与.hide函数有关，直到用户滚动时才激活，但我不知道如何以不同的方式编写它

多谢各位

这是一个网站，你可以看到我在说什么：

下面是js的一个示例：

<script>

$(window).scroll(function() {
if ($(this).scrollTop() > 290) {
    $(".fallingman").hide();
}

if ($(this).scrollTop() < 290) {
    $(".fallingman").show();
}

});




$(window).scroll(function() {

if ($(this).scrollTop() < 290) {
    $(".fallingman2").hide();
}

if ($(this).scrollTop() > 290) {
    $(".fallingman2").show();
}
if ($(this).scrollTop() > 1200) {
    $(".fallingman2").hide();
}

});

</script>

$（窗口）。滚动（函数（）{
if（$（this）.scrollTop（）>290）{
$（“.fallingman”）.hide（）；
}
if（$（this）.scrollTop（）<290）{
$（“.fallingman”）.show（）；
}
});
$（窗口）。滚动（函数（）{
if（$（this）.scrollTop（）<290）{
$（“.fallingman2”）.hide（）；
}
if（$（this）.scrollTop（）>290）{
$（“.fallingman2”）.show（）；
}
如果（$（this）.scrollTop（）>1200）{
$（“.fallingman2”）.hide（）；
}
});

将所需内容放入函数中。然后在页面加载时以及在滚动处理程序中无条件地调用它

function checkScroll() {
    var pos = $(window).scrollTop();
    if (pos > 290) {
        $(".fallingman").hide();
        $(".fallingman2").show();
    }
    if (pos < 290) {
        $(".fallingman").show();
        $(".fallingman2").hide();
    }
    if (pos > 1200) {
        $(".fallingman2").show();
    }
)

$(function() {
    checkScroll();
    $(window).scroll(checkScroll);
});

函数checkScroll（）{
var pos=$（window.scrollTop（）；
如果（位置>290）{
$（“.fallingman”）.hide（）；
$（“.fallingman2”）.show（）；
}
如果（位置<290）{
$（“.fallingman”）.show（）；
$（“.fallingman2”）.hide（）；
}
如果（位置>1200）{
$（“.fallingman2”）.show（）；
}
)
$（函数（）{
checkScroll（）；
$（窗口）。滚动（选中滚动）；
});

您正在

$（窗口）内执行检查。滚动（）

处理程序，因此它当然只在您滚动时运行。如果您希望在页面加载时立即执行某些操作，请将其放置在

$（文档）的顶层。就绪（）

处理程序。非常感谢您，这正是我需要的！干杯