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

  • Greater Than Gatsby Photoshop Actions & Lightroom Presets

    Greater Than

    11 ŞUBAT 2013
  • Hak5DarrensVlog

    Hak5DarrensV

    11 EYLÜL 2009
  • TheSalband Rai

    TheSalband R

    11 NİSAN 2011