Инициировать событие HTML, прокрутив мимо определенной точки, а затем повторить, вернувшись назад.

Question

Инициировать событие HTML, прокрутив мимо определенной точки, а затем повторить, вернувшись назад.

0

Я хочу вызвать исчезновение, как только я прокручу мимо точки, но затем снова угасаю, как только я прокручу назад. Я на правильном пути? Я не понимаю, почему он не работает. Пока он, кажется, исчезает в произвольном месте, а затем никогда не исчезает снова.

благодаря

$(document).ready(function(){

        $(window).scroll(function(){
            if($(window).scrollTop() > 20) {
                $( "h1" ).fadeTo( "slow", ".05" );
            }
        });

        $(window).scroll(function(){
            if($(window).scrollTop() <= 20){
                $( "h1" ).fadeTo( "slow", "1" );
            }
        });
    });

aks. 14 нояб. 2013, в 05:22

Источник

Теги:

jquery

html

scroll

point

2 ответа

2

попробуй это

$(document).ready(function(){
      $(window).scroll(function(){
          if($(window).scrollTop() > 20) {
              $( "h1" ).fadeTo( "slow", ".05" );
          }
          else if($(window).scrollTop() <= 20){
              $( "h1" ).fadeTo( "slow", "1" );
          }
      });
});

Greg 14 нояб. 2013, в 02:34

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-11-14T02-58-00.000Z

Пытаться

$(document).ready(function () {

    var flag = $(window).scrollTop() > 20 ? 1 : 2;
    $(window).scroll(function () {
        var scrollTop = $(window).scrollTop();
        if (scrollTop > 20 && flag != 1) {
            $("h1").fadeTo("slow", ".05");
            flag = 1;
            console.log('t1')
        } else if (scrollTop <= 20 && flag != 2) {
            $("h1").fadeTo("slow", "1");
            flag = 2;
            console.log('t2')
        }
    });

});