JQuery FadeIn / FadeOut на прокрутке мыши - PullRequest
Новая
       14

JQuery FadeIn / FadeOut на прокрутке мыши

0 голосов
/ 13 марта 2010

Мне было интересно, может ли jQuery обрабатывать следующие действия:

Я хотел бы отобразить URL-ссылки, когда читатели начнут прокручивать страницу блога Blogspot. Эти ссылки будут оставаться видимыми на 100% все время, пока читатели не прокрутят страницу до верхней позиции (видна 0%).

Я нашел один jQuery, он здесь .

Но этот работает как прокрутка до верхней части кнопки веб-сайта. Мне бы хотелось, чтобы мой jQuery работал точно так же, но вместо прокрутки вверх по щелчку мыши он перенаправит читателя на конкретную ссылку (по щелчку мыши).

Возможно ли это сделать?

Спасибо.

1 Ответ

1 голос
/ 13 марта 2010

Если вы используете обычные привязки, чтобы щелчок происходил как обычная ссылка, вы можете сделать это для затухания: 

$(function() {
  $(document).scroll(function() {
    if($('body').scrollTop() == 0)
      $("a.hide:visible").fadeOut();
    else 
      $("a.hide:hidden").fadeIn();
  });
});

И этот CSS, так что они изначально скрыты: 

.hide { display: none; }

Определите ваши ссылки следующим образом: 

<a class="hide" href="Http://google.com">Google Link</a>

Этот скрипт говорит, что если мы на вершине ($('body').scrollTop() == 0), то затухаем class="hide" ссылки, которые видимы, если мы не навверху, затемните их. Просто присвойте class="hide" ссылкам, которые вы хотите вести себя таким образом.

...