Как я могу заставить div исчезнуть при прокрутке вниз 100px сверху?

Question

Я хочу, чтобы div исчез, когда я прокручиваю вниз 100px, а затем снова появляюсь, когда в этих 100px снова с верхней части окна браузера. Я не хочу, чтобы анимация просто хотела, чтобы она исчезла и снова появилась. Можно ли это сделать только в HTML и CSS? Может ли кто-нибудь предоставить мне код для этого, пожалуйста?

Заранее спасибо, Matt

Answer 1

Вы не сможете сделать это в чистом HTML или CSS, вам придется прибегнуть к Javascript, лучше всего, вероятно, jQuery- как таковой он может быть относительно легко сделайте это, используя:

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