滚动页面时淡入和淡出div

柠檬姜

我整个下午都在玩,无论是使用Waypoint插件还是不使用。我试图在元素出现时淡入并在它们消失时淡出(理想情况下,元素在视口中间的不透明度为1,在边缘的不透明度为0,然后逐渐淡入双向)

这段代码可以在元素出现在屏幕上时对其进行淡入淡出查找,但是无论我尝试哪种排列,我都无法让它们再次淡出

faders = $(".fades").fadeTo(0,0);

$(window).scroll(function(d,h) {
    faders.each(function(i) {
        a = $(this).offset().top + $(this).height();
        b = $(window).scrollTop() + $(window).height();
        if (a < b) $(this).fadeTo(100,2);
    });
});
哈维尔

试试这个,希望对您有所帮助

            $(document).ready(function(){
                faders = $(".fades").fadeTo(0,0);
                $(window).scroll(function(){
                    faders.each(function(){
                        a = $(this).offset().top + $(this).height();
                        b = $(window).scrollTop() + ($(window).height());
                        c = $(window).scrollTop() + $(this).height();
                        if (c > $(this).offset().top){
                            $(this).fadeTo(0,0.5);
                        }
                        else if (a < b) {
                            $(this).fadeTo(0,1);
                        }
                        else { 
                            $(this).fadeTo(0,0.5);
                        }
                    });
                });
            });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在jQuery滚动上淡入和淡出div

来自分类Dev

使用jQuery滚动时淡入和淡出

来自分类Dev

当页面滚动时淡入div

来自分类Dev

淡入和淡出div

来自分类Dev

在滚动中的div内淡入和淡出内容

来自分类Dev

jQuery淡入淡出-在页面加载时显示div

来自分类Dev

在固定位置 div 上使用 jquery 淡入/淡出功能时,防止页面自动向上滚动

来自分类Dev

悬停时淡出/淡入 Div

来自分类Dev

淡入和淡出div标签

来自分类Dev

在滚动div上逐渐淡入淡出

来自分类Dev

滚动时的淡入淡出效果

来自分类Dev

滚动时非线性淡入淡出?

来自分类Dev

在查看时使用Waypoint淡入div,而在滚动时淡出剩余的div

来自分类Dev

根据滚动位置淡入和淡出图像

来自分类Dev

页面淡入和淡出过渡

来自分类Dev

加载时淡入淡出 div 背景

来自分类Dev

Div 在超时淡入淡出时闪烁

来自分类Dev

当滚动时,ios uitableview淡入淡出底部单元格和顶部单元格

来自分类Dev

滚动背景淡入/淡出

来自分类Dev

如何淡入和淡出<div>中的文本

来自分类Dev

如何淡入和淡出<div>中的文本

来自分类Dev

使用JQuery淡入和淡出div

来自分类Dev

使颜色在悬停时淡入和淡出

来自分类Dev

当用户滚动到其他页面时,如何在UICollectionView的不同背景颜色之间淡入淡出?

来自分类Dev

在页面加载时淡入div

来自分类Dev

当上下滚动时,淡入淡出会闪烁

来自分类Dev

Android:淡入淡出滚动条的颜色和宽度

来自分类Dev

如果快速滚动,淡入和淡出会闪烁

来自分类Dev

Android:淡入淡出滚动条的颜色和宽度