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

  • Kindness

    Kindness

    23 Ocak 2006
  • kylediablo

    kylediablo

    8 Ocak 2007
  • RaquelGamesBR

    RaquelGamesB

    20 HAZİRAN 2009