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

  • Eric Enge

    Eric Enge

    2 Kasım 2009
  • HTC Tutorials

    HTC Tutorial

    21 EYLÜL 2010
  • 趣味そうこ♪

    趣味そう

    3 Mart 2010