1

您好，所以我正在一个垂直滚动站点上工作，其中固定的中心图像（主角）根据用户在页面上的位置使用 .scrolltop 隐藏和显示。我唯一的问题是，当页面第一次加载时，每个中央图像都会立即加载并显示。一旦开始滚动，它就可以正常工作，它似乎只在页面首次加载时发生。我在脚本中写错了什么？我认为这与 .hide 功能在用户滚动之前不会激活有关，但我不知道如何以不同的方式编写它。

谢谢你。

这是该网站，因此您可以看到我在说什么：

http://pixel.csueastbay.edu/3870/corzine/project1/index.html

这是一个 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>
4

1 回答 1

2

把你想要的东西放入一个函数中。然后在页面加载时以及在滚动处理程序中无条件地调用它。

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);
});
于 2013-05-18T07:34:52.363 回答