当从顶部向下滚动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();
     }
});