0

開発者!ホームページとサブページが同じインデックスにあるプロモーションWebサイトを開発しています。コンテンツの遷移は、メニューをクリックするだけで行われます。わかった。

4つのサブページがあります。左側に2つ、右側に2つ。左側の最初のオプションをクリックすると、2番目のオプションが非表示になります。2番目のオプションをクリックすると、最初のオプションが非表示になります。

あなたはここでよりよく見ることができます:http://www.safiradigital.com.br/kennermusiclab/

しかし、この.animate()の左遷移に問題があります。左から右に向かって、アニメーションの実行に大きな遅延が発生することがあります。

たとえば、「OqueéMusicLab?」をクリックします。その後、「Inscrição」をクリックします。体の移行に大きな遅れが見られます。

.animate()のこの遅延バグを修正するソリューションはありますか?

私のJSは:

$(".o-que-e").click(function() {
    $(".content-geral").animate({
        left: '195'
    },2700); // Durante 2700 milisegundos
    $(".videos-interna").hide();
    $(".o-que-e-interna").show();
}); // Finaliza o click

$(".galeria-videos").click(function() {
    $(".content-geral").animate({
        left: '195'
    },2700);
    $(".videos-interna").show();
    $(".o-que-e-interna").hide();
    }); // Finaliza o click

$(".inscricao").click(function() {
    $(".content-geral").animate({
        left: '-3986'
    },2700);
            $(".regulamento-interna").hide();
            $(".inscricao-interna").show();
});

$(".regulamento").click(function() {
    $(".content-geral").animate({
        left: '-3986'
    },2700);
    $(".inscricao-interna").hide();
    $(".regulamento-interna").show();
});
4

2 に答える 2

0

クラス「o-que-e」とのリンクが複数あると思います。クリック ハンドラーがそれらすべてを呼び出します。そのため、クリックごとに複数回アニメーション化しています。それは物事を遅くするかもしれません。

于 2011-10-13T18:56:49.670 に答える
0

ここで少し遅れましたが、大きな領域で作業している場合 (.inscricao 要素を -3986 ピクセルでアニメーション化する場合など)、Chrome は特に遅延に悩まされます。

ここで私の答えを見てください。

于 2013-03-26T10:34:58.583 に答える