2

クライアントの Web サイト用にパララックス スクロール イントロを作成しました。このサイトには多くの高解像度画像が含まれています。そのため、フルスクリーンの高 z-index div で画面を空白にし、setTimeout メソッドを使用してフェードインするクイック ローダーを作成しました。ドキュメントの準備ができてから4秒後のページ(これがこれを行うための最良の方法であるかどうかはわかりませんが、私が試したすべてのテストで機能します)。

ユーザーがアニメーションを表示する前にスクロールできないように、スクロールを無効にしたいと思います。

4

4 に答える 4

2

すべての画像がロードされたときにフェードインしたい場合は、これを試すことができます

var images = $('img');
var images_nbr = images.length;

images.load(function() {
    images_nbr--;

    if (images_nbr == 0) {
        $('body').css('overflow','auto');
        $('...').fadeIn();
    }
});
于 2013-02-21T11:37:39.487 に答える
0

設定

#mydiv {
    overflow:hidden 
}

CSS の親 div で。次に、ドキュメントにこれを追加します...

$('#mydiv').css('overflow', 'auto');

...コンテンツをフェードインする機能で。

したがって、ロード時にページはスクロールできなくなりますが、フェードインすると、オーバーフロー プロパティが上書きされ、コンテンツがスクロールできるようになります。

于 2013-02-21T11:07:07.963 に答える
0
.scrolldiv{
overflow:hidden;
}

$(window).load(function(){
   $(".scrolldiv").css("overflow","auto");
});
于 2013-02-21T11:07:28.887 に答える
0

次のように試すことができます。最初に、本文に以下の css を追加します

body {overflow:hidden;}

setInterval関数の実行が完了した後(ロード関数に関係なく)、次のようにボディからスタイルを削除するだけです

$('body').css('overflow','auto');
于 2013-02-21T11:08:46.790 に答える