jQuery animate margin top

Question

J'ai un script sur jsfiddle: http://jsfiddle.net/kX7b6/

Rien ne se passe en vol stationnaire

En vol stationnaire, je veux que la boîte verte chevauche la boîte rouge avec une marge négative de -50px. Rien ne se passe.

L'animation fonctionne, mais pas la marge

Juste pour montrer que l'animation elle-même fonctionne, j'ai ajouté une fonction d'opacité à l'animation. margin-top est réglé sur 0px inline pour autant que je puisse voir.

Answer 1

Vous aviez MarginTop au lieu de marginTop

http://jsfiddle.net/kX7b6/1/

Il est également très bogué si vous quittez la mi animation, voici la mise à jour:

http://jsfiddle.net/kX7b6/3/

Remarque Je l'ai changé en mouseenter et mouseleave car je ne pense pas que l'intention était d'annuler l'animation lorsque vous survolez la zone rouge ou verte.

Answer 2

utilisation 'marginTop' au lieu de MarginTop

$(this).find('.info').animate({ 'marginTop': '-50px', opacity: 0.5 }, 1000);

Answer 3

vérifier ce même effet avec moins de code

$(".item").mouseover(function(){
        $('.info').animate({ marginTop: '-50px' , opacity: 0.5 }, 1000);
    }); 

http://jsfiddle.net/sandeep/kX7b6/4/

Answer 4

MarginTop doit être marginTop.

Answer 5

$(this).find('.info').animate({'margin-top': '-50px', opacity: 0.5 }, 1000);

Pas MarginTop. Ça marche

Answer 6

je ne savais pas que le ".stop ()" est nécessaire.

$(window).scroll(function () {

   var scroll = $(window).scrollTop();
   console.log(scroll);

     if (scroll >= 50){
       $('.sidebar-padder').stop().animate({ 'height': '380px'}, 1000);
     }else{
       $('.sidebar-padder').stop().animate({ 'height': '600px'}, 1000);
};

Answer 7

Comme dit marginTop - pas MarginTop.

Et pourquoi ne pas l'animer? :)

Voir: http://jsfiddle.net/kX7b6/2/

Answer 8

utilisez le code suivant pour appliquer une marge

$(".button").click(function() {
  $('html, body').animate({
    scrollTop: $(".scrolltothis").offset().top + 50;
  }, 500);
});

Voir ceci ans: Faites défiler vers le bas pour div + une certaine marge