如何从顶部向下滚动100px时使div消失？

Question

当我向下滚动100px时，我想让div消失，然后再次从浏览器窗口顶部的100px内再次出现。我不希望任何动画只是希望它消失并重新出现。这可以在HTML和CSS中完成吗？有人可以为我提供这个代码吗？

在此先感谢，马特

Answer 1

你不会成为能够做到这一点的纯HTML或CSS，你需要求助于Javascript，您最好的选择可能是jQuery-因此它可以相对容易这样做使用：

$(window).bind('scroll', function() { 
    if ($(window).scrollTop() > 100) { 
     $('#myDivId').hide(); 
    } 
    else { 
     $('#myDivId').show(); 
    } 
});