it-swarm-id.com

jQuery menghidupkan margin atas

Saya punya skrip di jsfiddle: http://jsfiddle.net/kX7b6/

Tidak ada yang terjadi saat mengarahkan kursor

Saat mengarahkan saya ingin kotak hijau tumpang tindih dengan kotak merah dengan margin negatif -50px. Tidak ada yang terjadi.

Animasi berfungsi, tetapi tidak margin

Hanya untuk menunjukkan bahwa animasi itu sendiri berfungsi, saya menambahkan fungsi opacity ke animasi. margin-top diatur ke 0px sebaris sejauh yang saya bisa lihat.

33
Jens Törnell

Anda memiliki MarginTop alih-alih marginTop

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

Ini juga sangat buggy jika Anda meninggalkan pertengahan animasi, ini pembaruan:

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

Catatan saya mengubahnya menjadi mouseenter dan mouseleave karena saya tidak berniat untuk membatalkan animasi ketika Anda mengarahkan kursor ke area merah atau hijau.

61
Esailija

gunakan 'marginTop' bukannya MarginTop

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

periksa efek yang sama ini dengan kode less

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

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

9
sandeep

MarginTop harus marginTop.

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

Bukan MarginTop. Berhasil

2
OptimusCrime

saya tidak tahu bahwa ".stop ()" diperlukan.

$(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);
};
1
meck373

Seperti kata marginTop - bukan MarginTop.

Juga mengapa tidak menghidupkan kembali? :)

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

1
Marco Johannesen

gunakan kode berikut untuk menerapkan margin

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

Lihat ans ini: Gulir ke bawah ke div + margin tertent

0