jquery diapositive clignotant/clignote problème sur Firefox ubuntu

Question

J'ai une liste <ul> qui est un peu long. Lorsque vous développez (glisser vers le bas) cette liste d'éléments, le navigateur ne défile pas vers le bas et tout va bien. Lorsque vous contractez (faites glisser vers le haut) cette liste d'éléments, le navigateur défile vers le haut clignote/clignote A lot tout en faisant ainsi.

• Cela ne se produit pas sur MAC Firefox.
• Ni sur Windows (au moins les versions que je pourrais tester)
• Cela se produit sévèrement sur Firefox Linux (Ubuntu).

Est-ce que quelqu'un a déjà eu ce problème? Si oui, que pouvons-nous faire pour le résoudre?

Voici un exemple de code pour une meilleure compréhension:

$('#btCatA').click(function() { 
    $('#btCatA').toggleClass('selec'); 
    $('#listcatA').slideToggle('slow', function() { 
     // ... 
    }); 
}); 

Answer 1

Vous pourriez probablement empêcher cela en diminuant la propriété scrollTop de l'objet window par la hauteur de cet élément avant vous faites glisser vos éléments de la liste. jQuery a une méthode pour cela: .scrollTop(). Vous pouvez animer cela, aussi, pour qu'il soit un peu moins rapide. Le code suivant (non testé) devrait faire l'affaire:

var toggleClass = 'selec'; 

$('#btCatA').click(function() { 
    var target = $(this), 
     listElement = $('#listcatA'); 

    if (target.hasClass(toggleClass)) { 
     target.removeClass(toggleClass); 
     $(window).animate({ 
      scrollTop: '-='+listElement.height()+'px' 
     }, 'slow', function() { 
      listElement.slideUp('slow'); 
     }); 
    } else { 
     target.addClass(toggleClass); 
     listElement.slideDown('slow'); 
    } 
});