Javascript Jquery在视差动画中淡入淡出一个div

我有一个主页，它只显示一些徽标和etxt以及一个div，单击它可以滚动到另一个页面

现在我已经完成了滚动的动画部分。 我需要的是，当有人点击“找到你的心”时，导航div必须以淡入效果出现。

---

我尝试了window方法并选择了滚动位置，但没有任何效果。

如果要滚动到导航div，请使用以下代码：

$("#findYourHeartDiv").click(function() {
  $('html, body').animate({
    scrollTop: ($("#navDiv").offset().top)
  }, 800);
});

$("#findYourHeartDiv").click(function() {
  $("#navDiv").fadeIn(); 
});

如果要淡入，请先隐藏它（例如，使用css

display:none；

），然后使用以下代码：

$("#findYourHeartDiv").click(function() {
  $('html, body').animate({
    scrollTop: ($("#navDiv").offset().top)
  }, 800);
});

$("#findYourHeartDiv").click(function() {
  $("#navDiv").fadeIn(); 
});

您可以将两者结合使用以滚动至该屏幕并淡入淡入：

$("#findYourHeartDiv").click(function() {
    $('html, body').animate({
      scrollTop: ($("#navDiv").offset().top)
    }, 
    500,
    function() {
      //animation complete function
      $("#navDiv").slideDown();
    });
});

要在用户滚动到某个位置时淡入，请执行以下操作：

$(window).bind("scroll", function () {
  var wintop = $(window).scrollTop(); // the scroll position
  if(wintop>$("#navDiv").offset().top) {
    $("#navDiv").fadeIn();
  }
  else {
    $("#navDiv").fadeOut();
  }
});

选中此项：

---

它可以帮助你……）

发布你的代码，最好是作为一个小提琴-嗨，淡入完美地工作时，我点击链接，但我需要的是，当用户滚动鼠标，然后它也得到淡入。我该怎么做呢。我没有得到什么是第一个代码是为了什么，它也没有做任何事，我的设计。