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

  • pain975

    pain975

    27 NİSAN 2008
  • SRC RECORDS

    SRC RECORDS

    2 EKİM 2006
  • TimMinchinLive

    TimMinchinLi

    23 ŞUBAT 2009