Question

$(window).on("scroll", function() {

    $(".nb-semnox-screens-text").css("opacity", 1 - $(window).scrollTop() / 320);
    if ($(window).scrollTop() >= 320) {
      $(".nb-semnox-screens-text").hide();
    } else {
      $(".nb-semnox-screens-text").show();
    }

    var t = 320;
    var sb = (($(document).height() - $(window).height()) - $(window).scrollTop());
    var f = sb / t;
    f = 1-f;
    $(".nb-semnox-screens-text").css("opacity", f);

    if (sb >= 320) {
      $(".nb-semnox-screens-text").hide();
    } else {
      $(".nb-semnox-screens-text").show();
    }

  });

大家好，我需要进行互动，我可以解释一下。在那之前，我打开这个链接。在该链接中，您可以看到滚动条左侧标题部分是粘性的。我为此使用了脚本，您可以在我的script.js中看到它。在右侧，您可以看到一个长图像。当我们滚动时，会有一些文本指向Image中的某些部分。所以我需要做的当我们滚动此文字时，这些文字应在到达底部时出现，并在到达屏幕中间时自动消失。这应该我们给的每一个文本都会发生。另外，我还附上了我尝试执行的脚本以及测试服务器的链接，以进行更多说明。谢谢：）

http://dev.netbramha.in/projects/fade-text/test-fade.html

jQuery-在滚动上提供淡入/淡出效果

0 个答案: