Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqueryfadeto()_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jqueryfadeto()

Javascript jqueryfadeto(),javascript,jquery,html,css,Javascript,Jquery,Html,Css,到目前为止,我得到了以下代码: $(window).scroll(function() { if ($(this).scrollTop() > 400) { $( ".top-bg" ).fadeTo("slow", 0.99); } 这个想法是一个低透明度的菜单,当我向下滚动时,它会消失,但问题是,当我向上滚动到一些问题时,我无法将它恢复到低透明度(0.7)。首先,您从不检查scrollTop是否为400 var fadedIn = false; $(

到目前为止,我得到了以下代码:

$(window).scroll(function() {
    if ($(this).scrollTop() > 400) {
        $( ".top-bg" ).fadeTo("slow", 0.99);
    } 

这个想法是一个低透明度的菜单,当我向下滚动时,它会消失,但问题是,当我向上滚动到一些问题时,我无法将它恢复到低透明度(0.7)。首先,您从不检查
scrollTop
是否为
400

var fadedIn = false;
$(window).scroll(function() {
    var thisScroll = $(this).scrollTop();
    if (thisScroll > 400 && !fadedIn) {
        $( ".top-bg" ).fadeTo("slow", 0.99);
        // Or with a stop: $( ".top-bg" ).stop().fadeTo("slow", 0.99);
        fadedIn = true;
    } else if (thisScroll <= 400 && fadedIn) {
        $( ".top-bg" ).fadeTo("slow", 0.7);
        // Or with a stop: $( ".top-bg" ).stop().fadeTo("slow", 0.7);
        fadedIn = false;
    }
});
var fadedIn=false;
$(窗口)。滚动(函数(){
var thiscroll=$(this.scrollTop();
如果(此滚动>400&!fadedIn){
美元(“.top bg”).fadeTo(“slow”,0.99);
//或带停止按钮:$(“.top bg”).stop().fadeTo(“慢速”,0.99);
fadedIn=真;
}否则,如果(thisScroll像这样尝试

$(window).scroll(function() {
    if ($(this).scrollTop() > 400) {
        $( ".top-bg" ).fadeTo("slow", 0.99);
    }else if($(this).scrollTop() <= 400)
{
        $( ".top-bg" ).fadeTo("slow", 0.7);
}
$(窗口)。滚动(函数(){
如果($(this).scrollTop()>400){
美元(“.top bg”).fadeTo(“slow”,0.99);

}else if($(this).scrollTop()如果<400,则再写一个条件,然后根据您的需要进行不透明处理。并且您不希望在每次窗口滚动时(您当前所在的位置)重复
fadeTo
,而仅当它越过
400
的边界或返回时。如果下面的任何答案回答都回答了您的问题,那么按照这种方式,您将通过点击旁边的复选标记来“接受”答案;更多:但前提是你的问题真的得到了回答。这就是我想要的。Thanks@user1879457:很高兴这有帮助。您可能希望在每个
.fadeTo
s之前都有一个
.stop()。