Question

写段JS 当滚动条向下滚动500px的时候 让一个DIV缓慢隐藏

下拉不够500px的时候 这个DIV是半透明的 向上拉滚动条的时候 DIV 又出现

Answer 1

$(function(){
$(window).scroll(function(){
//获取当前滚动条的高度
var h = $("body").scrollTop();
//高度大于0并且小于500时容器透明度为0.5
if(h > 0 && h < 500){
$(".aaa").animate({opacity: 0.5});
}else if(h >= 500){ //高度大于500并且等于500时容器透明度为0
$(".aaa").animate({opacity:0})
}else if(h == 0){ //高度为0是透明度为1
$(".aaa").animate({opacity:1})
}
})
});
//这是用jquery写的,用时记得引用 .aaa为div的class

追问

并不是说拖动滚动条透明度就变成0.5 而是在拖动的过程中 逐渐改变透明度 比如 现在向下拖动了100 那么此时透明度是0.8 向下拖动了200 此时透明度就是0.6
然后这段代码在滚动条向上拖的时候 没有任何效果

Answer 2

$(function(){
var $body = $('body');
var setCoverOpacity = function() {
$body.find('#fixHead').css({
opacity: ((($body.scrollTop() / 500) > 1) ? 1 : ($body.scrollTop() / 150))
})
}
//初始化设置背景透明度
setCoverOpacity();
//监听滚动条事件，改变透明度
$(window).scroll(function() {
setCoverOpacity();
});
})
这是你要的滚动条逐渐改变透明度