滚动时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.