滾動時div動畫出錯
[英]Error with div animate on scroll
問題描述
晚上好，朋友們。 這是網站-http://p-karnaukhov.ru/ 。 滾動時，該塊http://joxi.ru/L21dE4XUQRkqmX必須向左移動以關閉屏幕。 在向后滾動時，它必須回到其初始位置。 我確實已經向左滾動，但是沒有正確返回。 如果我們或多或少滾動-阻止停留在錯誤的位置。
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;
});
});
幫我解決這個問題。
1 個解決方案
解決方案1
0 已采納 2016-12-19 18:07:18
我可能一個人在里面，但我不喜歡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);">
動畫滾動到帶ID的div
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.