JQuery анимация с интервалом не работает

Question

JQuery анимация с интервалом не работает

0

В принципе, я хочу, чтобы мой фрагмент кода анимировал мое меню с экрана, поэтому мой -50px на прокрутке. и когда не прокручивается анимация назад.

Это код, который у меня есть до сих пор. но он работает только при каждом обновлении моего браузера.

var $menu = $(".sticky-nav");
var topAnim = $menu.css("top");
var scrollStopped;

var fadeInCallback = function () {
    if (typeof scrollStopped != 'undefined') {
        clearInterval(scrollStopped);
    }

    scrollStopped = setTimeout(function () {
        $( ".sticky-nav" ).animate({
   top: "20px"
  }, 300);
});
}

$(window).scroll(function () {
    if (!$menu.is(":animated") && topAnim == "20px") {
                $( ".sticky-nav" ).animate({
   top: "-50px"
  }, 300);

    } else {
        fadeInCallback.call(this);
    }
});

jsfiddle.net/B997S

user3186297 23 май 2014, в 11:39

Источник

0

не могли бы вы создать jsfiddle
sjkm 23 май 2014, в 09:07
0

Замените setTimeout на setInterval() ! Прочитайте документацию clearInterval() !
Dhaval Marthak 23 май 2014, в 09:08
0

Вот то, что я имею в виду в Jsfiddle : jsfiddle.net/B997S, как вы можете видеть, меню движется вверх, а не вниз. и это должно проверить каждый свиток, чтобы это произошло. и оживить назад, когда не прокручивать. заранее спасибо :)
user3186297 23 май 2014, в 09:14

Показать ещё 1 комментарий

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Замените setTimeout на setInterval() ! Прочитайте документацию clearInterval() !
Вот то, что я имею в виду в Jsfiddle : jsfiddle.net/B997S, как вы можете видеть, меню движется вверх, а не вниз. и это должно проверить каждый свиток, чтобы это произошло. и оживить назад, когда не прокручивать. заранее спасибо :)

Kapil gopinath · Answer 1 · 2014-05-23T08-06-00.000Z

Я обнаружил 2 вопроса в вашем коде.

Replaced topAnim in the below line with $menu.css("top") as topAnim always returned a constant.

if (!$menu.is(":animated") && $menu.css("top") == "20px") {

Next issue was

scrollStopped = setInterval(function () { // this is the right format

Пожалуйста, проверьте приведенную ниже ссылку.

http://jsfiddle.net/kapilgopinath/B997S/1/

Почти. Это возвращается сейчас. но это должно оживить только тогда, когда я перестану прокручивать. и анимировать экран с помощью прокрутки. Это должен делать каждый свиток так сказать