سکرول شیڈو؟ خالص CSS Parallax؟ کھیل ہی کھیل میں واپس پر. پلیٹو بلاکچین ڈیٹا انٹیلی جنس۔ عمودی تلاش۔ عی

سکرول شیڈو؟ خالص CSS Parallax؟ کھیل ہی کھیل میں واپس پر.

کرس کالز سکرول سائے اس کی ہر وقت کی پسندیدہ CSS-Tricks۔ لی ویرو مقبول کچھ ہوشیار کے ساتھ چار پرتوں والے پس منظر کے میلان کا استعمال کرتے ہوئے خالص CSS اپروچ background-attachment جادو. نتیجہ ایک ہوشیار سکرولنگ تعامل ہے جو صارفین کو یہ اشارہ دیتا ہے کہ اضافی مواد سکرول کے قابل کنٹینر میں دستیاب ہے۔

صرف ایک مسئلہ: یہ ٹوٹ گیا Safari iOS 13 میں۔ ایک دن سب اچھا تھا۔ اگلا، اتنا زیادہ نہیں۔ اور یہ واحد چیز متاثر نہیں ہوئی تھی۔ کیتھ کلارک کا سی ایس ایس صرف پیرالاکس اثر اس نے بھی اسی وقت کام کرنا چھوڑ دیا۔

ٹھیک ہے، قاری رونالڈ نے لکھا یہ کہنا کہ سب ایک بار پھر کام کر رہا ہے! درحقیقت، میں اسے ابھی اپنے آئی پیڈ (سفاری 15.5) پر لکھ رہا ہوں اور کرس کا ڈیمو ہمیشہ کی طرح تیز نظر آ رہا ہے۔ کیتھ کا بھی ایسا ہی ہے۔ اصل ڈیمو.

تو، کیا توڑا؟ ہم ابھی تک نہیں جانتے۔ لیکن سفاری 13 ریلیز نوٹ سراگ پیش کرتے ہیں:

  • تمام فریموں میں ایک انگلی کی تیز رفتار اسکرولنگ کے لیے تعاون شامل کیا گیا اور overflow:scroll ضرورت کو ختم کرنے والے عناصر set-webkit-overflow-scrolling: touch.
  • ریسپانسیو میٹا ٹیگز کے ساتھ وسیع ویب صفحات کے لیے آئی پیڈ پر پہلے سے طے شدہ رویے کو تبدیل کیا گیا ہے جس کے لیے افقی سکرولنگ کی ضرورت ہوتی ہے۔ افقی اسکرولنگ کو روکنے کے لیے صفحات کو چھوٹا کیا جاتا ہے اور کسی بھی متن کا سائز تبدیل کر دیا جاتا ہے تاکہ قابل عمل ہونے کو محفوظ رکھا جا سکے۔

یہ کب ٹھیک ہوا اور کس چیز نے ٹھیک کیا؟ ٹھیک ہے، اسکرول شیڈو سائیڈ پر، سفاری 15.4 شامل کچھ کام پر background-attachment: local ہو سکتا ہے کہ اس نے یہ چال چلائی ہو۔ پیرالاکس سائیڈ پر، سفاری 14.1 شامل کیا انفرادی تبدیلی کی خصوصیات کے لیے سپورٹ… تو شاید یہ؟

ٹائم اسٹیمپ:

سے زیادہ سی ایس ایس ٹیکنیکس