Material-design-lite: وضع سيئ لتلميحات الأدوات
أكثر من حالة متطابقة ولكن مع ذلك تحدث في تطبيق أقوم بتطويره حاليًا. يحدث هذا السيناريو فقط إذا كان شريط التمرير موجودًا وكان للعنصر المعني ترجمة مطبقة عبر CSS.
انظر المثال هنا (قم بالمرور فوق المربع الأحمر)
شيء من هذا القبيل من شأنه أن يحل المشكلة نظريًا (على ما أعتقد)
let rect = el.getBoundingClientRect();
let left = rect.left + window.pageXOffset;
let top = rect.top + window.pageYOffset;
// now we have a more accurate representation of the current top / left coords
brandonjpierce
ال 3 كومينتر
خطأ مثير للاهتمام. أستطيع أن أؤكد أن ذلك يحدث بسبب التحول ، لكنني لا أفهم لماذا. يجب معالجة هذا لأنه قد يكون شيئًا شائعًا يتم القيام به الآن مع الدفع الأخير للرسوم المتحركة بواسطة الويب.
Garbee
في ٨ يوليو ٢٠١٥
سمسم!
السلوك الملحوظ صحيح وفقًا لمواصفات CSS :
بالنسبة للعناصر التي يحكم نموذج مربع CSS تخطيطها ، فإن أي قيمة بخلاف لا شيء للتحويل ينتج عنها إنشاء كل من سياق التراص والكتلة المحتوية. الكائن بمثابة كتلة احتواء لأحفاد ذوي وضع ثابت.
يتم وضع تلميحاتنا باستخدام position: fixed . هذا يعني ، من خلال تطبيق تحويل - حتى لو كان NOP - قمت بنقل الأصل لتحديد المواقع الثابتة.
الحل السهل هو نقل التلميح إلى حاوية أخرى (أو body ).
surma
في ٩ يوليو ٢٠١٥
حسنًا ، ممتع جدًا. على الأقل نحن نعرف الآن ويمكننا توجيه الأشخاص إلى هنا إذا ظهر مرة أخرى. شكرًا لإجراء البحثsurma!
Garbee
في ٩ يوليو ٢٠١٥
القضايا ذات الصلة
ktodyruik
·
5تعليقات
samuelcarreira
·
4تعليقات
tleunen
·
5تعليقات
rafaelcorreiapoli
·
3تعليقات
traviskaufman
·
5تعليقات
التعليق الأكثر فائدة
سمسم!
السلوك الملحوظ صحيح وفقًا لمواصفات CSS :
يتم وضع تلميحاتنا باستخدام
position: fixed. هذا يعني ، من خلال تطبيق تحويل - حتى لو كان NOP - قمت بنقل الأصل لتحديد المواقع الثابتة.الحل السهل هو نقل التلميح إلى حاوية أخرى (أو
body).