滚动元素对应滚动窗口

Question

我想问你“如何创建与滚动窗口相对应的滚动元素。”

如果窗口滚动结束，则该元素可以向下滚动。 如果窗口开始滚动，则该元素可以向上滚动。

我试图做到这一点，但没有解决。

这是我的代码：

$(window).on('scroll',function(event) {
        var lengthScrollWindow = $(this)[0].scrollTop;
        if ($(this).scrollTop() == 0) {
            lengthScrollWindow -= 40;
            $('.main_profile').animate({scrollTop: lengthScrollWindow},700);
        }
        else if ($(this).scrollTop() >= $(this)[0].scrollHeight) {
            lengthScrollWindow += 40;
            $('.main_profile').animate({scrollTop: lengthScrollWindow},700);
        }
    });

这是我的小提琴：

Js Fiddle

Answer 1

我认为问题在于您尝试使用错误的数量为 .main_profile 设置动画。我真的不知道您要做什么，但是如果您想在向上滚动时向上移动 .main_profile 并在向下滚动时向下移动，您可以像这样对其进行动画处理：

        $(document).ready(function() {
      var lastScrollTop = 0;
      $(".main_profile").scroll(function(event) {


        var top = 40;
        var st = $(this).scrollTop();
        if (st < lastScrollTop) {
       top -= 40;
          $(".main_profile").animate({
            top: top + "px"
          }, 1);


        } else if (st > lastScrollTop) {
      top += 40;
          $(".main_profile").animate({
            top: top + "px"
          }, 1);


        }
        lastScrollTop = st;
      });

    });