JQuery появляются на свитке - PullRequest
Новая
       28

JQuery появляются на свитке

0 голосов
/ 22 марта 2012

экспертов Hia!

В прошлый раз, когда я прокручивал веб-страницы, я нашел привлекательный сайт (http://www.neotokio.it/), и хотел посмотреть, как они это сделали, я зашел так далеко с помощью stackoverflow, 

effect = $("#certainDIV").fadeTo(0, 0);

$(window).scroll(function(d,h) {
    effect.each(function(i) {
        a = $(this).offset().top + $(this).height();
        b = $(window).scrollTop() + $(window).height();
        if (a < b) $(this).fadeTo(500,1);
    });
});

Это в значительной степени начало эффекта, и я уже был так далеко, но теперь мне интересно, как они создали эту вещь ... Итак, когда начинается одна Строка слов (или образы), начинается другая. Я знаю, что это нечетко, но когда вы посмотрите, вы поймете, что я имею в виду.

Эффект, который они создают со словами, действительно привлекателен, но я понятия не имею, как сделать это в jQuery ..

Может ли один из вас, экспертов, помочь мне?

Спасибо.

1 Ответ

1 голос
/ 22 марта 2012

Я предполагаю, что вы ссылаетесь на то, как линии перемещаются вниз и увеличивают непрозрачность.Они делают это, анимируя верхний край и непрозрачность вместе.Я взял этот пример с их сайта и немного изменил его, чтобы иметь смысл вне контекста. 

$(".mySelector").css({opacity:0,marginTop:-10})
  .delay(500)
  .animate({marginTop:0,opacity:1}, 600, "linear");

Это определенно крутой эффект.

...