JQuery, если еще вверху страницы

Question

JQuery, если еще вверху страницы

0

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

$(window).on('scroll', function() {
        var scrollTop = $(this).scrollTop();

        if ( scrollTop < 1 ) {
            $('#nav-logo').transition({ scale: 1.0, y: 0 });
        } else {
            $('#nav-logo').transition({ scale: 0.5, y: -126 });
        }

    });

Hector 21 фев. 2014, в 17:00

Источник

1

достигнуто утверждение ELSE или нет? Я имею в виду, ваша проблема с использованием transition () или оператора ELSE?
A. Wolff 21 фев. 2014, в 15:37
0

что вы подразумеваете под "только одно действие стреляет"?
Fresheyeball 21 фев. 2014, в 15:37
0

похоже, только оператор else стреляет. Когда я возвращаюсь к началу страницы, он не возвращается к исходному размеру, который является оператором if.
Hector 21 фев. 2014, в 15:38
0

Я не знаю, что это за метод transition() и как он работает. Если вы используете какой-то переход CSS (как я предполагаю), вы должны сбросить этот переход
A. Wolff 21 фев. 2014, в 15:41
0

На самом деле я просто заметил, что он выстрелил. но была действительно долгая задержка
Hector 21 фев. 2014, в 15:41
0

@Hector, вы должны предоставить jsfiddle, который копирует вашу проблему, если вы все еще не можете ее исправить
A. Wolff 21 фев. 2014, в 15:42
0

используя ricostacruz.com/jquery.transit
Hector 21 фев. 2014, в 15:49
1

Вот Скрипка, демонстрирующая оригинальную проблему. Это легче всего заметить при прокрутке, нажав и перетащив на полосу прокрутки.
Dallas 21 фев. 2014, в 16:08

Показать ещё 6 комментариев

Теги:

jquery

scrolltop

1 ответ

Ещё вопросы

достигнуто утверждение ELSE или нет? Я имею в виду, ваша проблема с использованием transition () или оператора ELSE?
что вы подразумеваете под "только одно действие стреляет"?
похоже, только оператор else стреляет. Когда я возвращаюсь к началу страницы, он не возвращается к исходному размеру, который является оператором if.
Я не знаю, что это за метод transition() и как он работает. Если вы используете какой-то переход CSS (как я предполагаю), вы должны сбросить этот переход
На самом деле я просто заметил, что он выстрелил. но была действительно долгая задержка
@Hector, вы должны предоставить jsfiddle, который копирует вашу проблему, если вы все еще не можете ее исправить
Вот Скрипка, демонстрирующая оригинальную проблему. Это легче всего заметить при прокрутке, нажав и перетащив на полосу прокрутки.

smerny · Accepted Answer · 2014-02-21T14-52-00.000Z

Проблема заключалась в том, что ваши анимации бегали друг над другом. Вы можете предотвратить это с чем-то вроде этого:

JSFiddle

var $nav = $('#nav-logo');
var $window = $(window);
var wasTop = true;
$window.on('scroll', function () {
    var isTop = !$window.scrollTop();
    if (isTop && !wasTop) {
        $nav.stop();
        $nav.transition({
            scale: 1.0,
            y: 0
        });
        wasTop = true;
    } else if (!isTop && wasTop) {
        $nav.stop();
        $nav.transition({
            scale: 0.5,
            y: -126
        });
        wasTop = false;
    }
});