2016-12-19 4 views
0

Guten Abend, Freunde. Hier ist die Website - http://p-karnaukhov.ru/. Beim Scrollen muss sich dieser Block http://joxi.ru/L21dE4XUQRkqmX nach links bewegen, um abzuschalten. Beim Zurückblättern muss es wieder in die Ausgangsposition zurückkehren. Ich habe bereits nach links geblättert, komme aber nicht richtig zurück. Wenn wir mehr oder weniger scrollen - Block auf falsche Position bleiben.Fehler mit Div animieren auf Scroll

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; 
    }); 
}); 

Hilf mir bitte dieses Problem zu lösen.

Antwort

0

Ich kann alleine sein, aber ich mag jQuery nicht. Ein Verkaufsgespräch, um Dinge einfacher zu machen, wird oft zu einem lästigen Code.

<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);">