Question

我有一个动画问题，当你开始向下滚动你的图片直到偏移（）.top = 960px但是当你向上滚动时这张图片必须跟你一起去 - 这是一个问题然后我不知道怎么回到顶部。这是我的网站，这个动画在顶部

//scroll cicada
    var x = true;
    $(window).scroll(function() {
        var item = $("#cicada").offset().top;
        var place = $("#circles").offset().top;
        if (item >= 950 && x) {
            $("#cicada").css("position", "absolute");
            $("#cicada").css("top", "950px");
            x = false;
        } else if (item <= 950 && !x) {
            $("#cicada").css("top", "160px");
            x = true;
        }
    });

的CSS：

.cicada {
        width: 340px;
        height: 380px;
        background: url("../includes/images/main-item-min.png") no-repeat center center;
        background-size: contain;
        position: fixed;
        z-index: 5;
        top: 160px;
        right: 59%;
        z-index: 8888;
    }

Answer 1

我想，当你在你的卷轴顶部时，即当header为0时，你应该只让currentTop可见。

var currentTop = $(window).scrollTop();
   if (currentTop == 0) {
      $("header").css("display", "block");
   } else {
      $("header").css("display", "none");
      if ($('.menu').hasClass("change")) {
        $('.menu').removeClass("change");
      }
   }

我希望，这会有所帮助。

向下滚动然后向上滚动时如何为元素设置动画

1 个答案: