スクロール上の相対基づく位置背景Y元素

Question

jQuery(function ($) {  

    $(window).scroll(function() { 
     var y = $(this).scrollTop(); 

     if (y > 360) { 
      var pos_yvalue = y - 294; 
      $('.site-header .wrap').css('background-position-y', 
      pos_yvalue.toString() + 'px'); 
     } 
    }); 
}); 

を設定します。私は360pxの上にスクロールすると

だから、私は66になるように、サイトヘッダー.wrapの背景画像を配置したいし、それが362であるとき、ラップの背景画像は、65など

を超えるべきですコードは、66,65,64,63,62,61などのように下向きにカウントするのではなく、66,67,68などの値を表します。

何らかの理由で私はこの問題を回避できません。

Answer 1

あなたのコードに悩まされていない、またはあなたが知ることができるIDEを持っている場合、あなたの問題の一部であるかもしれない構文エラーが気付きました。

ようになり、あなたのコードは次のようになります。あなたは、いくつかの閉鎖を逃している

jQuery(function ($) {  

    $(window).scroll(function() { 
     var y = $(this).scrollTop(); 

     if (y > 360) { 
      var pos_yvalue = y - 294; 
      $('.site-header .wrap').css('background-position-y', 
     pos_yvalue.toString() + 'px'); 
     } 
    }); 
}); 

）さん。そうでなければ、コードは.site-header要素に背景位置を追加するように見えます。あなたは固定ヘッダーのページの上部に固執するつもりですか？

Answer 2

これは、実際の計算だけの問題だった：あなたは `VAR screenTop = $（文書）.scrollTop（）を使用してみました

if (y > 360) { 
    var minus_y = (y - 295) - 66; 
    var pos_yvalue = 66 - minus_y; 
    $('.site-header .wrap').css('background-position-y', pos_yvalue.toString() + 'px'); 
}