SORU
3 ŞUBAT 2011, PERŞEMBE

Nasıl bir eleman görünüme kaydırmak için, DV kullanarak alabilirim?

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

CEVAP
3 ŞUBAT 2011, PERŞEMBE

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
});

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
JavascriptDVJquery

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Joshua Benedict

    Joshua Bened

    26 EKİM 2013
  • SomeOne Pro

    SomeOne Pro

    25 EKİM 2013
  • TROPFEST

    TROPFEST

    27 Mart 2007

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR