jquery - Jquery scrollTop z-index -1

Question

当滚动顶部不透明度在 250 像素处不可见时，我正在尝试将 z-index 用作-1。它在加载文档并且开始时的 z-index 为 -1 时触发......我做错了什么？

function ScrollParallax() {
  scrollPos = $(this).scrollTop();
  $('#introtext').css({
    'opacity': 1-(scrollPos/250),
    'z-index': '-1' + 1-(scrollPos/250)
  });
}
$(document).ready(function () {
if ($(window).width() > 1023) {

  $(window).scroll(function() {
    ScrollParallax();
  });

}
});

Answer 1

这可能不是最实用的修复方法，但这是我最了解的。

快乐编码

function ScrollParallax() {
  scrollPos = $(this).scrollTop();
  $('#introtext').css({
    'opacity': 1-(scrollPos/300)
  });

if ($(this).scrollTop() > 300) {
  $('#introtext').css( "z-index", "-1" );
}

if ($(this).scrollTop() < 300) {
  $('#introtext').css( "z-index", "1" );
}

}
$(document).ready(function () {

if ($(window).width() > 1023) {

  $(window).scroll(function() {
    ScrollParallax();
  });

}
});