Jquery scrollTop z-index -1

【问题标题】：Jquery scrollTop z-index -1Jquery scrollTop z-index -1
【发布时间】：2013-07-03 07:35:22
【问题描述】：

当滚动顶部不透明度达到 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();
  });

}
});

【问题讨论】：

标签： jquery z-index opacity parallax scrolltop

【解决方案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();
  });

}
});

【讨论】：