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

  • NYCarspotter

    NYCarspotter

    26 EYLÜL 2011
  • Rachel Talbott

    Rachel Talbo

    26 Ocak 2011
  • Wronchi Animation

    Wronchi Anim

    9 Mayıs 2011