2013-01-10 2 views
1

Lorsque j'effectue le premier vol stationnaire sur un div de classe '.tile' dans Chrome (Windows 8), la position d'arrière-plan, bien que spécifiée décalage négatif, retraites dans la direction opposée. Ce comportement est répété sur le premier survol pour chaque div; cependant, il ne semble pas se répéter sur les volants suivants, glissant doucement sans bégaiement.L'animation d'arrière-plan jQuery se déplace dans la direction opposée lors du premier vol stationnaire

J'ai essayé de supprimer le rembourrage comme suggéré dans certaines questions plus anciennes sur le bégaiement de l'animation jQuery, en vain (bien que je suppose qu'ils ne s'appliquent plus à jQ 1.3+). Je suis nouveau à jQuery et pourrais utiliser un peu d'aide, merci. :)

$(function() { 
    $('.tile').hover(function() { 
     console.log('in'); 
     $(this).animate({ 
      'background-position-y': -($(this).children('figcaption').height()) 
     }, 'fast', 'linear'); 
     $(this).children('figcaption').slideToggle('fast'); 
    }, 
    function() { 
     console.log('out'); 
     $(this).animate({ 
      'background-position-y': 0 
     }, 'fast', 'linear'); 
     $(this).children('figcaption').slideToggle('fast'); 
    }); 
}); 
+0

On dirait que c'est un problème avec la façon dont je traite avec des valeurs de position de fond-y, pas un problème jQuery. En regardant dans cela. – peteykun

Répondre

0

j'ai réalisé que depuis que je ne connaissais pas la hauteur de mes images de fond, il serait impossible de spécifier un décalage du centre en raison des règles de position de fond css. Je suis allé de l'avant et utilisé un script de redimensionnement d'image (SLIR) pour recadrer en forme. Connaissant les dimensions de l'image résultante, je pourrais utiliser une valeur absolue pour positionner mon arrière-plan comme requis.

Références:

Questions connexes