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

  • ADDVOiCE

    ADDVOiCE

    28 Mayıs 2009
  • Android Police

    Android Poli

    21 NİSAN 2010
  • POGProductionz

    POGProductio

    27 NİSAN 2012