Что не так в коде jQuery? Почему не возвращается переменная?

Question

[Вячеслав]

Привет всем. Помогите разобраться почему не возвращается переменная в коде?
Код - jsfiddle.net/g8vuQ
Я хочу добавить некоторым блокам на сайте класс '.myAppear'. И когда он будет в области видимости, тогда применить анимацию - fadeIn(1500);
Почему не возвращается переменная skrollingEkr в консоль?

Comments

[Виталий Желтяков]

Что значит "И когда он будет в области видимости, тогда применить анимацию"?

Answer 1

[andreyqin]

Наверное потому что переменная находится в локальной области видимости. Можно сделать проще: убрать вообще обработку события scroll, а проверку ниже сделать такую:

if ($('html').scrollTop() > RasstoyanieDoBloka) {
    $(this).fadeIn(1500);
};

Comments

[Вячеслав]

Нет, обработку scroll убрать не получится, потому что она каждый раз перечисляет расстояния на основанни которых необходимо делать анимацию.

[andreyqin]

Попробуйте вот так - jsfiddle.net/g8vuQ/2

[Вячеслав]

Не подходит. Только первый блок анимируется, а все остальные - нет. И плохо что при каждом скролле будет запускаться заново each.

[andreyqin]

Я могу ошибаться, но если вы хотите динамически скрывать/показывать определенные блоки, то только так. В вашем же случае у вас это будет происходить только один раз, после загрузки страницы.

[andreyqin]

Еще немного исправлений - jsfiddle.net/g8vuQ/4

[Вячеслав]

Нет, нужно чтобы только один раз появился блок. Вот сайт - xn----7sbepbzmegjllo1a8lrb.zp.ua
Там первый блок при прокрутке плавно появляется. Нужно так же и с блоками ниже сделать.

[Вячеслав]

Ваш вариант также как и мой срабатывает только на первы из 3 блоков, к которым добавлен класс "myAppear".
Сайт с вашими правками - xn----7sbepbzmegjllo1a8lrb.zp.ua/new/index.html

Answer 2

[Вячеслав]

Смысл таков - на сайте 4 блока, когда каждый из них появляется в области видимости, тогда запускается анимация.
И как переменную достать из локальной области видимости на один уровень выше?

Comments

[andreyqin]

В вашем случае можно определять эту переменную до обработчика события, а уже внутри него работать с этой переменной.

[Вячеслав]

Так тоже ошибка в консоли - jsfiddle.net/AK2C8

[andreyqin]

Потому что вы переопределяете переменную внутри функции. Уберите var.

Answer 3

[Rossomasha]

И как переменную достать из локальной области видимости на один уровень выше?

можно объявить переменную до $(document).scroll(), тогда она будет доступна во внешней функции:

var skrollingEkr;
$(document).scroll(function(){ ...});