Javascript 如何在滚动时显示div/class/id

在上一篇文章中，我已经解决了fadein淡出功能（我需要通过滚动淡出一个元素），现在我需要在上/下滚动时将元素设置为display=none-display=block条件，因为透明元素（即屏幕固定）不允许我单击页面上的某个链接。对我来说，另一个解决方案是将对象放在后面一层，但我不知道是否可以使用固定元素。我用这个来淡入淡出

    <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>

$（窗口）。滚动（函数（）{
if（getScrollTop（）<20）{
$（#cc-m-12786466225'）。法代托（10,1）；
} 
else{$（'cc-m-12786466225'）。法德托（10,0）；}；
函数getScrollTop（）{
如果（页面偏移的类型！=“未定义”）{
//除IE 9之前的浏览器外的大多数浏览器
返回页面偏移；
}
其他的
{
var B=document.body；//即“怪癖”
var D=document.documentElement；//具有doctype的IE
D=（D.clientHeight）？D:B；
返回D.scrollTop；
}
}

我建议您研究和jQuery方法，因为它们正是这样做的，并且工作方式非常简单。您可以将fadeTo调用替换为fadeIn和fadeOut调用，如下所示：

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

if（getScrollTop（）<20）{
$（#cc-m-12786466225'）。法代因（500）；
} 
else{$（'cc-m-12786466225'）。淡出（500）}

我发现了jQuery，以及一些奇怪的函数，它们的功能与

jQuery.scrollTop（）

完全相同？我认为使用fadein/fadeout不会改变最终结果，我不想让它不可见，我想像display=“none”命令一样切换出页面。@vlk确实如此，fadeIn将元素从display:none带到display:block CSS属性，效果平滑，而fadeOut则相反。有关更多信息，请参阅链接文档！：）