jquery scrollTop z-index -1

Question

我試圖使用z-index作爲-1，當scrolltop不透明度在250px處不可見時。它在文檔加載時觸發，並且在開始時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(); 
    }); 

} 
});