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

  • alexis gillis

    alexis gilli

    23 HAZİRAN 2011
  • MatheusDosGames

    MatheusDosGa

    28 Aralık 2011
  • Nightmare2005

    Nightmare200

    14 Ocak 2007