Kılavuz biçimi <ul><li><img... kullanarak görüntüleri ile bir html belge var. Tarayıcı penceresinde dikey ve yatay kaydırma vardır.

Soru: Ben bir resmin üzerine 5 ** ' I ne kadar sonra ben tıkladım görüntü top:20px; left:20px bulunduğu pozisyon ilerlemek için tüm belge alacak mıyım ?

Benzer yazılar için buraya bir göz atın...ve bunu kendim için nasıl elde edildiğini anlamak istiyorum JavaScript için oldukça yeni olmama rağmen.

Herhangi bir yardım Büyük, Teşekkürler duyacağız

Nasıl çalıştığını bilmek istiyorum, çünkü bunu adım adım anlatacağım.

İlk resim tıklatma işleyicisi gibi bir işlevi bağlamak istiyorum:

$('#someImage').click(function () {
    // Code to do scrolling happens here
});

O id="someImage" resim için tıklayın işleyicisi geçerli olacaktır. Bunu yapmak istiyorsanıztümresimler 'img' '#someImage' değiştirin.

Gerçek kaydırma kodu için:

1. Görüntü uzaklıklar (belgeye göre):

   var offset = $(this).offset(); // Contains .top and .left
   

2. top left: 20 çıkarın

   offset.left -= 20;
   offset.top -= 20;
   

3. Şimdi <body> <html> kaydırma ve kaydırma-sol CSS özellikleri animasyon:

   $('html, body').animate({
       scrollTop: offset.top,
       scrollLeft: offset.left
   });