'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.
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
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.
CSS: x-y ekseni üzerinde sabit pozisyo...
merkezi sabit pozisyon hizalama div...
Durdurma sabit pozisyon, belirli bir n...
HTML pozisyon:sayfa başlığı ve sayfa s...
Pozisyon eleman, dikey, yatay, sabit m...