1

この JavaScript を手伝ってくれる人はいますか?

1000 ピクセルを超えて下にスクロールしたときに表示したいのですがdiv、現在は以下のスクリプトで動作しますが、スクロールするとすぐに表示されます。

に設定してみまし>1000たが、まったく表示されませんか？

何か案は？

$(window).scroll( function(){

    /* Check the location of each desired element */
    $('.hideme').each( function(i){

        /* If the object is completely visible in the window, fade it in */
        if ($(this).scrollTop() < 1000){
            $(this).animate({'opacity':'1'},900);
        }
    }); 
});
4

2 に答える 2

1

うまくいけば、これは役に立ちますか？

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script>
    $(window).scroll( function(){
        /* Check the location of each desired element */
        $('.hideme').each( function(i){
            console.log($(window).scrollTop());
            if ($(window).scrollTop() < 500){
                $(this).stop().animate({
                    opacity: 1.0
                },900);
            } else {
                $(this).stop().animate({
                    opacity: 0.0
                },900);
            }
        }); 
    });
    </script>
</head>
<body style="height: 1500px;">

<div style="width: 400px; height: 50px; position: absolute; top: 500px; background-color: silver; opacity: 0.0;" class="hideme">asdsa</div>

</body>
</html>

機能を少し変更しました。何をすればいいかわかると思います ;)

于 2012-08-30T10:10:50.223 に答える
0

親愛なる..修正済み:)

if ($(window).scrollTop() > 1200 ) {

.hideme div ($this) ではなく、ウィンドウから設定する必要がありました

于 2012-08-30T09:50:27.397 に答える