对于everyscreeen滚动的不透明度

时间:2017-10-24 12:34:33

标签: jquery css scroll

我试图在图片的特定部分添加不透明度,但我在不同的屏幕上出现问题我不知道如何在每个屏幕上制作公式

var fadeStart=jQuery(document).height()/2.4 // 100px scroll or less will equiv to 1 opacity
    fadeUntil=fadeStart+((jQuery(document).height()/100)*7.8) // 200px scroll or more will equiv to 0 opacity
    fading = jQuery('.spy-opacitydiv')
;

jQuery(window).bind('scroll', function(){
    var offset = jQuery(document).scrollTop()
        ,opacity=0
    ;
    if( offset<=fadeStart ){
        opacity=1;
    }else if( offset<=fadeUntil ){
        opacity=1-offset/( fadeUntil*2.5);
    }
    fading.css('opacity',opacity).html(opacity);
});

任何人请指导我

0 个答案:

没有答案