2016-12-19 5 views
0

おはようございます。 サイトはhttp://p-karnaukhov.ru/です。 スクロールでは、このブロックhttp://joxi.ru/L21dE4XUQRkqmXは左に移動して画面をオフにする必要があります。 スクロールバックでは、開始位置に戻る必要があります。 私はすでに左にスクロールしましたが、正しく戻ってきません。 多かれ少なかれスクロールすると、間違った位置に留まります。スクロールでのdivアニメーションのエラー

jQuery(document).ready(function() { 
    var lastScrollTop = 0; 
    jQuery(window).scroll(function (event) { 
     var st = jQuery(this).scrollTop(); 
     if (st > lastScrollTop) { 
      jQuery('.flex-caption').animate({left: "-=20"}, 100); 
     } else { 
      jQuery('.flex-caption').animate({left: "+=20"}, 100); 
     } 
     lastScrollTop = st; 
    }); 
}); 

この問題を解決してください。

答えて

0

私はこの中で一人かもしれませんが、私はjQueryが好きではありません。物事をより簡単にするための販売ピッチは、しばしば厄介なコードになります。

<script type="text/javascript"> 
function moveDiv(scrollamt) 
{ 
var myDiv = document.getElementById('mydiv'); 
var rightMargin = myDiv.style.marginRight; 
myDiv.style.marginRight = rightMargin+scrollamt; 
} 
</script> 

<body onScroll="moveDiv(this.scrollTop);"> 
関連する問題