Question

晚上好，朋友们。这是网站 - 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;
    });
});

请帮我解决这个问题。

Answer 1

我可能独自一人，但我不喜欢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);">

滚动时div动画出错

1 个答案: