使用div動畫滾動時出錯

晚上好，朋友。這裏是網站 - 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; 
    }); 
});

請幫我解決這個問題。

來源

2016-12-19 Shevko

我可能一個人在這，但我不喜歡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);">

來源

2016-12-19 18:07:18 pizzaslice

使用div動畫滾動時出錯

回答

相關問題