javascript - 使元素在页面底部时消失

Question

我正在制作一个网站，但我对 javascript 或 jquery 不太了解。我的主页上有一个向下箭头，显示有更多信息，但我希望当用户滚动到页面底部时它会消失，因为这样就不需要它了，因为他们无法再向下滚动。我知道我需要 javascript 或 jquery 来执行此操作，但我什至不知道从哪里开始。救命!

Answer 1

使用jquery:

$(window).scroll(function(){
  var numPix = 200; // number of pixels before bottom of page that you want to start fading
  var op = (($(document).height() - $(window).height()) - $(window).scrollTop()) / numPix;
    if( op <= 0 ){
        $("#thing-to-hide").hide();
    } else {
        $("#thing-to-hide").show();
    }
    $("#thing-to-hide").css("opacity", op ); 
});