0

特定のポイントを過ぎてスクロールすると表示されるメニューがありますが、上下にスクロールするとページに白いマークが残り、テキストが移動することがあります。スライドショーの下部に到達すると元に戻ります)。明らかに、これはすべての PC で発生するわけではありませんが、修正したい問題であり、jQuery は私の強みではありません。もう1つのことは、ウィンドウのサイズをモバイルサイズに変更すると、小さなメニューが表示され（まだ適切な配置をスタイルしていないため、ページを下にスクロールすると）、メニューをクリックすると（特にモバイルデバイスで）非常にラグがあり、これをもっとスムーズにしたいです。私のコードを改善するのを手伝ってもらえますか? これがサイトhttp://alexn.co.uk/Mono2013/Monolith/index です。

    $(window).scroll(function () {
    var $fadeHeader = $("#cartBanner"),
        top = $(this).scrollTop();
    
    if (top > 184) {
        $fadeHeader.css('height', '35px');
    } else {
        $fadeHeader.css('height', '0');
    }
});

$(document).ready(function(){
  $('#menuToggle').click(function(){
    $('#cartBanner').toggleClass('expanded');

  });
});

もう1つのことは、スライドショーの下部を上下にスクロールすると、フォントが変化/ぼやけ、Mで目立ち、Mで​​のフリックが消え、ナビゲーションテキストの外観が変化することです

編集: flexslider に問題があるようです。スライドショーをブートストラップに変更すると、問題が解消されました。

4

1 に答える 1

0

jquery でデバッグできます Javascript/jQuery イベント バインディングを FireBug (または同様のツール) でデバッグする方法

また、圧縮されていない開発用 jQuery をダウンロードし、開発環境でjquery.min.jsを置き換えると便利です。

「社内」で作成された多くのアニメーション効果は、プラットフォームによっては視覚的なバグが発生する可能性があります。実証済みのソリューションを使用し、アニメーションを低レベルに保つことは良いアプローチです。

見てみましょう: 10-super-javascript-animation-frameworks

于 2013-10-19T17:27:53.033 に答える