SORU
18 EKİM 2009, Pazar


Nasıl sayfa jquery kullanarak belirli bir konuma gidin miyim?

Bu sayfa jQuery kullanarak belirli bir konuma gitmek için mümkün mü?

Sahip ilerleyin istediğim yer yok:

<a name="#123">here</a>

Yoksa sadece belirli bir DOM kimliği taşıyabilir mi?

CEVAP
18 EKİM 2009, Pazar


jQuery Kaydırma Eklentisi

bu beri bir soru ile etiketlenmişbir WordPress kullanmaksöylemek zorundayım, bu kütüphane yumuşak kaydırma için çok güzel bir eklenti var, onu burada bulabilirsiniz: http://plugins.jquery.com/scrollTo/

Belgelerden alıntılar:

$('div.pane').scrollTo(...);//all divs w/class pane

ya

$.scrollTo(...);//the plugin will take care of this

Özel bir WordPress kullanmak için kaydırma fonksiyonu

bir çok kullanabilirsinizhafif bir yaklaşımözel tanımlayarak kaydırma jquery fonksiyonu

$.fn.scrollView = function () {
    return this.each(function () {
        $('html, body').animate({
            scrollTop: $(this).offset().top
        }, 1000);
    });
}

ve kullanmak gibi

$('#your-div').scrollView();

Bir sayfaya gidin koordinatları

Animasyon html body scrollTop scrollLeft ile elementleri bağlıyor

$('html, body').animate({
    scrollTop: 0,
    scrollLeft: 300
}, 1000);

Düz javascript

window.scroll ile kaydırma

window.scroll(horizontalOffset, verticalOffset);

sadece özetle, pencereyi kullanın.konum:karma NUMARASI ile öğeye atlamak için

window.location.hash = '#your-page-element';

HTML (accesibility geliştirmeleri) doğrudan

<a href="#your-page-element">Jump to ID</a>

<div id="your-page-element">
    will jump here
</div>

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Elliot Davin

    Elliot Davin

    28 Kasım 2008
  • habpsu

    habpsu

    25 Temmuz 2007
  • Skrillex

    Skrillex

    6 NİSAN 2010

İLGİLİ SORU / CEVAPLAR