Question

在上一篇文章中，我已经解决了关于fadein淡出功能的问题（我需要通过滚动淡出一个元素）现在我需要在向上/向下滚动的同时将元素设置为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>

Answer 1

我建议您查看fadeIn和fadeOut jQuery方法，因为它们完全相同并以相当简单的方式工作。您可以将fadeIn和fadeOut调用替换为fadeTo调用，如下所示：

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

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

1 个答案: