javascript - 滚动时如何显示div/class/id

在上一篇文章中，我已经解决了有关衰落淡入淡出功能的问题（我需要通过滚动来淡出一个元素）现在我需要将元素显示为display = none-display = block condiction，同时上下滚动，因为透明元素（固定在屏幕上）不允许我单击页面上的某些链接。对我来说，另一种解决方案是将对象放在底层，但我不知道固定元素是否可行。我用它来淡出，淡入。

    <script type="text/javascript">


    $(window).scroll(function() {
    if (getScrollTop() < 20) {
    $('#cc-m-12786466225').fadeTo(10,1);
    }
    else { $('#cc-m-12786466225').fadeTo(10,0); } } );

    function getScrollTop(){
    if(typeof pageYOffset!= 'undefined'){
    //most browsers except IE before #9
    return pageYOffset;
    }
    else
    {
    var B= document.body; //IE 'quirks'
    var D= document.documentElement; //IE with doctype
    D= (D.clientHeight)? D: B;
    return D.scrollTop;
    }
    }
    </script>

最佳答案

我建议您研究fadeIn和fadeOut jQuery方法，因为它们确实做到了并且以相当简单的方式工作。您可以将fadingTo调用替换为fadeIn和fadeOut调用，如下所示：

if (getScrollTop() < 20) {
$('#cc-m-12786466225').fadeIn(500);
}
else { $('#cc-m-12786466225').fadeOut(500); }