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

Question

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

提前致谢，马特

Answer 1

您无法在纯 HTML 或 CSS 中执行此操作，您需要求助于 Javascript，最好的选择可能是 jQuery - 因此使用以下方法可以相对容易地执行此操作:

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