jquery - jQueryの背景画像のちらつきとマージンの問題

Question

主に jQuery の練習のために、個人のポートフォリオ サイトをゼロから再構築しようとしています。まだ始めたばかりですが、2 つの問題があります。

まず、これまでのプレビューへのリンクを次に示します: http://www.forrestmckinney.com/portfolio-preview/

基本的に私の考えは、1 回おきのナビゲーション クリックでスクロールして表示される div を含む大きな背景画像を用意することでした。div がスクロールすると、背景画像が変化します。ただし、問題が発生している break_size 関数を使用して、div のサイズを動的に変更することも必要です。この関数は、サイズ変更時でも各 div のサイズを設定するのに最適ですが、何らかの理由で間隔がオフになっています。最初のものは問題なく表示されますが、その後のそれぞれは高すぎます:

function break_size() {
    var windowY = $(window).height();   
    var breakHeight =(94 * windowY) / 100;

    var marginY = ((windowY - breakHeight)/2);

    $('.break').css('height', breakHeight);
    $('.break').css('margin-top', marginY + windowY);
    $('.break').css('margin-bottom', marginY);
}

したがって、何か不足していない限り、このコードは各 .break div の高さをウィンドウの高さの 94% に設定し、marginY 変数を (ウィンドウの高さ - ブレークの高さ)/2 (上半分、半分) に設定する必要があります。次に、下マージンを marginY に設定し、上マージンを marginY にウィンドウの高さを加えた値に設定します (各 div を 1 ウィンドウの高さだけ効果的に離し、div 間に完全な背景画像を表示できるようにします)。

私が抱えているもう1つの問題は、画像間のちらつきです。e.preventDefaults() を追加しましたが、うまくいきません。

そこで何が起こっているか知っている人はいますか？前もって感謝します！