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

  • Damien Walters

    Damien Walte

    20 AĞUSTOS 2006
  • Photoshop Pro Help

    Photoshop Pr

    1 Ocak 2007
  • Watcher3223

    Watcher3223

    15 Kasım 2007