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