Question

当滚动顶部不透明度在250px处不可见时，我正在尝试将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();
  });

}
});

Jquery scrollTop z-index -1

1 个答案: