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

  • GFX Tutorials

    GFX Tutorial

    12 AĞUSTOS 2013
  • New Scientist

    New Scientis

    27 Kasım 2006
  • waterfairy17

    waterfairy17

    9 Aralık 2007