JQuery淡入onscroll问题_Jquery_Mobile_Scroll_Fadein

JQuery淡入onscroll问题

jquery mobile scroll

JQuery淡入onscroll问题,jquery,mobile,scroll,fadein,Jquery,Mobile,Scroll,Fadein,我已经试着解决这个问题好几个小时了我想在卷轴上画一个div 然后我想建立一个规则，在移动设备上禁用这种影响这是我的密码 <style> #conteneur5 { height:220px; width:1080px; background:#EFEFEF ;} </style> <body> <div class="wow"> <div id="conteneur5"> <table width="106

我已经试着解决这个问题好几个小时了

我想在卷轴上画一个div

然后我想建立一个规则，在移动设备上禁用这种影响

这是我的密码

<style>
#conteneur5 { 
height:220px; 
width:1080px; 
background:#EFEFEF
;} 
</style>    

<body>
<div class="wow"> 
<div id="conteneur5">
<table width="1065" height="195"></table> 
</div>
</div>
</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script> $(document).scroll(function() { 
if (screen.width > 770) { 
$('.wow').hide(); } 
else { 

$('.wow').show();
}
var y = $(this).scrollTop();
if (y > 130) {
$('.wow').fadeIn();
} else {
$('.wow').fadeOut();
}
});
</script>


#第5{
高度：220px；
宽度：1080px；
背景：#EFEFEF
;} 
$（文档）。滚动（函数（）{
如果（屏幕宽度>770）{
$（'.wow'）.hide（）；}
否则{
$（'.wow'）.show（）；
}
var y=$（this.scrollTop（）；
如果（y>130）{
$（'.wow'）.fadeIn（）；
}否则{
$（'.wow'）.fadeOut（）；
}
});

我尝试过许多不同的组合，但都不起作用

按照上述顺序，Fadein可以工作，但div首先可见，然后在滚动上消失，然后是Fadein

我尝试在css内联中添加display:none，正如我在另一个主题上读到的那样。但是没有结果

我试图在手机上禁用该效果也不起作用。

类似的情况


法丹
$（文档）.ready（函数（）{
myFunction（）；
$（窗口）。调整大小（函数（）{
myFunction（）；
});
函数myFunction（）{
变量宽度=$（窗口）.width（）；
控制台。原木（宽度）；
控制台日志（（宽度>770））；
如果（宽度>770）{
$（文档）.on（'scroll'，函数（）{
如果（$（this）.scrollTop（）>130）{
$（'.content'）.fadeIn（）；
}
});
}
否则{
$（'.content'）.hide（）；
$（文档）。解除绑定（“滚动”）；
}
}
});
.空间{
高度：200px；
}
.内容{
显示：无；
高度：100px；
背景颜色：浅灰色；
}
身体{
高度：1000px；
}

谢谢！这个元素现在正逐渐消失。如果用户滚动回顶部，我需要再次设置淡出属性。你能告诉我最简单的方法吗？关于移动显示器，它仍然不工作。我只想禁用手机上的Fadein效果。换句话说，元素应该正常显示。谢谢，对不起，我的语法。谢谢你的了不起！我还有很多东西要学。谢谢，听起来不错！关于你的项目。哦，如果答案是正确的，你能接受它吗？这样可以帮助其他看问题的人吗？此外，对于那些想回答未回答问题的人来说，这不会浪费时间。谢谢

<div class="space">
</div>
<div class="content">
    FADEIN
</div>

$(document).ready(function() {
    myFunction();
    $(window).resize(function() {        
        myFunction();
    });

    function myFunction() {
        var width = $(window).width();
        console.log(width);
        console.log((width > 770));
        if (width > 770) {
            $(document).on('scroll', function () {
                if ($(this).scrollTop() > 130) {
                    $('.content').fadeIn();
                }
            });
        }
        else {
            $('.content').hide();
            $(document).unbind('scroll');
        }
    }

});

.space {
    height: 200px;
}
.content {
    display:none;
    height: 100px;
    background-color: lightgray;
}
body {
    height: 1000px;
}