SORU
12 Ocak 2010, Salı


CSS: x-y ekseni üzerinde sabit pozisyon?

Bir şekilde x ekseni üzerinde bir pozisyon düzeltmek için var mı? Bir kullanıcı verilirse, div etiketi ile sağa sola kaydırın olacak?

CEVAP
30 Aralık 2011, Cuma


Basit bir tekniği de komut dosyası kullanarak. Bir demo here da kontrol edebilirsin.

Bir WordPress kullanmak

$(window).scroll(function(){
    $('#header').css({
        'left': $(this).scrollLeft()   15 
         //Why this 15, because in the CSS, we have set left 15, so as we scroll, we would want this to remain at 15px left
    });
});

CSS

#header {
    top: 15px;
    left: 15px;
    position: absolute;
}

GüncellemeKredi: @PierredeLESPINAY

Komut komut onları yeniden kodlamak için gerek kalmadan css değişiklikleri desteklemek için yorumladı. Aşağıdaki kullanabilirsiniz.

var leftOffset = parseInt($("#header").css('left')); //Grab the left position left first
$(window).scroll(function(){
    $('#header').css({
        'left': $(this).scrollLeft()   leftOffset //Use it later
    });
});

Demo :)

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Andytokkallos

    Andytokkallo

    27 Kasım 2007
  • Major FX

    Major FX

    6 HAZİRAN 2012
  • xXGAMERrs_Xx

    xXGAMERrs_Xx

    31 Temmuz 2014