Chris aramalar kaydırma gölgeleri tüm zamanların en sevdiği CSS Numaralarından biri. Lea Verou popüler bazı zekice dört katmanlı arka plan gradyanları kullanan saf CSS yaklaşımı background-attachment
büyü. Sonuç, kullanıcılara kaydırılabilir bir kapta ek içeriğin mevcut olduğuna dair bir ipucu veren kaygan bir kaydırma etkileşimidir.
Tek bir sorun: o kırdı Safari iOS 13'te. Bir gün her şey yolundaydı. Sonraki, pek değil. Ve etkilenen tek şey bu değildi. Keith Clark'ın yalnızca CSS paralaks etkisi ayrıca o zamanlar çalışmayı bıraktı.
peki okuyucu Ronald şunu yazdı: her şeyin bir kez daha çalıştığını söylemek için! Aslında bunu şu anda iPad'imde (Safari 15.5) yazıyorum ve Chris'in demosu her zamanki gibi keskin görünüyor. Keith'inki de öyle orijinal demo.
Peki, onu ne kırdı? Hala bilmiyoruz. Fakat Safari 13 sürüm notları ipuçları sunar:
- Tüm karelere tek parmakla hızlandırılmış kaydırma desteği eklendi ve
overflow:scroll
ihtiyacını ortadan kaldıran unsurlarset-webkit-overflow-scrolling: touch
.- Yatay kaydırma gerektiren duyarlı meta etiketlere sahip geniş web sayfaları için iPad'deki varsayılan davranış değiştirildi. Sayfalar yatay kaydırmayı önlemek için ölçeklenir ve okunabilirliği korumak için herhangi bir metin yeniden boyutlandırılır.
Ne zaman düzeltildi ve ne düzeltildi? Peki, kaydırma gölgesi tarafında, Safari 15.4 dahil biraz çalışmak background-attachment: local
bu hile yapmış olabilir. Paralaks tarafında, Safari 14.1 katma bireysel dönüşüm özellikleri için destek… yani belki bu?