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 に答える