SORU
4 Mart 2013, PAZARTESİ


'transform3d' 'pozisyon y css: sabit' sorunu

Normal css durumlarda, sabit bir div aynen (: 0px üst sol:0px) belirtilen yere gelecek şekilde bir durum var.

Bu Eğer bir translate3d dönüşümü olan bir anne Varsa saygı duyulması görünmüyor. Bir şeyler mi görüyorum? Diğer Y-dönüşümü tarzı gibi ve kökeni dönüştürme seçenekleri denedim ama hiç şans vardı.

Kapsayıcı öğe sarı kutu sayfanın üst köşede olması beklerdim bir örnek ile yerine içinde bir jsfiddle ekledim.

http://jsfiddle.net/GMX5H/1/

Bu keman basit bir versiyonu

<br>
<div style='position:relative; border: 1px solid #5511FF; 
            -webkit-transform:translate3d(0px, 20px , 0px); 
            height: 100px; width: 200px;'> 
    <div style='position: fixed; top: 0px; 
                box-shadow: 3px 3px 3px #333; 
                height: 20px; left: 0px;'>
        Inner block
    </div>
</div>

Sabit olarak yerleştirilmiş bir çocuk translate3d çalışması için herhangi bir işaretçiler takdir takdir edilecektir.

Teşekkürler

-JC

CEVAP
6 Mart 2013, ÇARŞAMBA


Bu transform yeni bir yerel koordinat sistemi, W3C spec başına oluşturduğundan

HTML ad, herhangi bir değer none dönüşüm dışında istifleme içerik ve içeren bir blok içinde oluşturulmasını sağlar. Nesne sabit konumlandırılmış torunları için içeren bir blok gibi davranır.

Bu sabit konumlandırma dönüştürülmüş elemanı, görüş yerine sabit olur demektir.

Şu anda bildiğim kadarıyla-bir çözüm değil.

Ayrıca Eric Meyer'in makalede belgelenmiştir: Un-fixing Fixed Elements with CSS Transforms.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • funbro1

    funbro1

    11 Aralık 2007
  • Titan Lee Hai

    Titan Lee Ha

    14 Temmuz 2008
  • vgeller1

    vgeller1

    22 Kasım 2009