2

私は自分のウェブサイトでこのスクリプトを使用しました。ただし、IE8 以下のバージョンでは動作しません。すべてのブラウザで完全に動作することは可能ですか?

<script type="text/javascript" src="/web/upload/js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(function() {
            $(window).scroll(function(){
                var scrollTop = $(window).scrollTop();
                if(scrollTop != 0)
                    $('#header').stop().animate({'opacity':'0'},400);
                else    
                    $('#header').stop().animate({'opacity':'1'},400);
            });

            $('#header').hover(
                function (e) {
                    var scrollTop = $(window).scrollTop();
                    if(scrollTop != 0){
                        $('#header').stop().animate({'opacity':'1'},400);
                    }
                },
                function (e) {
                    var scrollTop = $(window).scrollTop();
                    if(scrollTop != 0){
                        $('#header').stop().animate({'opacity':'0'},400);
                    }
                }
            );
        });
    </script>
4

3 に答える 3

0

これは jQuery 1.3.2 のバグです。詳細については、こちらの Jquery Bugsを参照してください。更新された jquery を使用してみてください。

http://code.jquery.com/jquery-1.8.0.min.js

于 2012-10-31T05:34:53.390 に答える
0

ドキュメントの準備ができた直後に、これを一番上で使用してみてください。

jquery 1.3を使用しているため、このコードを使用してください

$(function() {
    $('#header').css("opacity","0");
   // then all your code
于 2012-10-31T05:39:20.647 に答える
0

実際にはjqueryを使用しているので、不透明な場合のクロスブラウザの問題を処理するので、何もする必要はないと思います.

使用してみてください:

$("yourid").css({ opacity: 0.0 }).animate( {opacity:0}, 400);

于 2012-10-31T05:05:46.413 に答える