CSS: x-y ekseni üzerinde sabit pozisyon?

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ş: