Jquery 滚动时滑动-关闭按钮不符合要求

当你向下滚动一定数量时，我的内容会从页面底部向上滑动

单击按钮将关闭幻灯片

但如果继续向下滚动页面，则会再次出现向上滑动

如果只单击一次“关闭”按钮，如何使向上滑动一劳永逸地消失

下面是脚本：

$(document).ready(function(){ 
$(window).scroll(function(){ 
var h = $('#container').height(); 
var y = $(window).scrollTop();

        if( y > (h*.25) ) { 
            $("#btmsUpContainer").slideDown("slow"); 
        } else { 
            $("#btmsUpContainer").slideUp("slow"); 
        } 
}); 

$('.close-it').bind('click', function() {
        $("#btmsUpContainer").slideUp("slow"); 
    return false;
}); 
})

以下是CSS：

#btmsUpContainer { position: fixed; width: 170px; bottom: 29px; z-index: 7777; margin: 0; padding: 0; display: none; }
#btmsUp { left: 0; width: 170px; margin: 0; }
#btmsUp .close-it { position: absolute; left: 160px; top: 12px; right: 0; z-index: 7778; width: 10px; }

以下是页面代码：

<div id="btmsUpContainer">
<div id="btmsUp">

<span class="close-it"><a href="#"><img src="close-it.png" style="width: 10px; height: 10px; border: 0;"></a></span><br />

This is stuff that appears in the box that slides up.

</div>
</div>  

这是出现在向上滑动的框中的东西。

当用户关闭内容时，设置一个

隐藏的

变量，并在滑动前检查该变量：

$(document).ready(function(){ 
    var hidden = false; //Initialize the 'hidden' variable to 'false'
    $(window).scroll(function(){ 
        if(!hidden){ //Check if the user has hidden the content
            var h = $('#container').height(); 
            var y = $(window).scrollTop();
            if( y > (h*.25) ) { 
                $("#btmsUpContainer").slideDown("slow"); 
            } else { 
                $("#btmsUpContainer").slideUp("slow"); 
            } 
        }
    }); 

    $('.close-it').bind('click', function() {
        $("#btmsUpContainer").slideUp("slow");
        hidden = true; //Set the 'hidden' variable to 'true'
        return false;
    }); 
})

---

谢谢，我真的很感谢你花时间在这件事上。我很高兴答案也这么简单@埃塞尔说不客气。如果这个解决方案对你有用，考虑选择它作为可接受的答案：好的，我将再次检查论坛，然后选择它，如果没有更好的。（并不是说我希望有更好的事情发生！）我肯定会把它写在我的日历上。