Исправлена ​​плавающая анимация добавления элементов в addclass - PullRequest
Новая
       25

Исправлена ​​плавающая анимация добавления элементов в addclass

1 голос
/ 05 февраля 2011

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

http://jsfiddle.net/dueWG/9/

js: 

$(function () {
  var msie6 = $.browser == 'msie' && $.browser.version < 7;
  if (!msie6) {
    var top = $('#navmenu').offset().top - parseFloat($('#navmenu').css('margin-top').replace(/auto/, 0));
    $(window).scroll(function (event) {
      var y = $(this).scrollTop();
      if (y >= top) {
        $('#navmenu').addClass('fiksed');
      } else {
        $('#navmenu').removeClass('fiksed');
      }
    });
  }  
});

1 Ответ

2 голосов
/ 05 февраля 2011

это тот эффект, который вы ищете?

http://jsfiddle.net/dueWG/10/

код: 

<script>
$(function () {

  var msie6 = $.browser == 'msie' && $.browser.version < 7;

  if (!msie6) {
    var top = $('#navmenu').offset().top - parseFloat($('#navmenu').css('margin-top').replace(/auto/, 0));
    $(window).scroll(function (event) {
      // what the y position of the scroll is
      var y = $(this).scrollTop();

      // whether that's below the form
      if (y >= top) {
        // if so, ad the fixed class
        if ( $('#navmenu').is('.fiksed') ) {
            return;
        }
        $('#navmenu').hide().addClass('fiksed').fadeIn();
    } else {
        // otherwise remove it
        $('#navmenu').removeClass('fiksed');
      }
    });
  }  
});
</script>
...