Foundation-sites: تكشف عن الوضع النموذجي؟

هل لديك رابط حتى نتمكن من المساعدة في اكتشاف ما يحدث؟

دعني أقوم بتشغيله حيث يمكنك عرضه ثم سأرسل لك رسالة تحتوي على تفاصيل تسجيل الدخول.

حسنًا ، أرسل لك التفاصيل في رسالة خاصة.

أعتقد أنك قمت بتعيين قاعدة في css .column ، .columns {position: النسبي ؛}

يتم وضع نموذج الكشف بشكل مطلق. لا أعرف لماذا لم يتم وضعه بشكل ثابت. ربما لتمكين التمرير؟

لذلك ، فإن الوضع المطلق الموضع يقوم بمحاذاة نفسه مع الأصل الموضع الأول (الفئة = "ثمانية أعمدة"). يمكنك محاولة إضافة css مثل هذا ...

.reveal-modal {position: fixed؛)

ومعرفة ما إذا كان هذا يعمل بالطريقة التي تريدها

نعم. هذا من السطر 17 من grid.css للمؤسسة.

نعم. لم أتمكن من قراءة أسماء الملفات الخاصة بك. أنا مجرد مستخدم - وليس مطورًا زوربًا. يمكنك تجربة الشيء الثابت أو إلغاء تداخل عنصر div الخاص بك ووضعه في أسفل html.

في الواقع ، قمت بالتبديل إلى ColorBox من أجل النماذج وأردت فقط الإبلاغ عن الخطأ (إذا كان خطأ وليس خطأ مني). شكرا للمساعدة في تحديد المشكلة! قضيت ساعات في التعامل معها ولكن لم أجد المشكلة.

سأكون صريحًا ، لا يمكنني متابعة الجانب وراء الكواليس من هذا الحديث :) هل هناك خطأ في Reveal أم أنه تعارض مع الأنماط الأخرى؟

تكمن المشكلة في أنك إذا وضعت كشفًا مشروطًا داخل عمود ، فسيتم محاذاة نموذج الكشف مع هذا العمود بدلاً من المحاذاة مع نافذة المتصفح. لا أعرف ما إذا كان هذا شيء يمكنك إصلاحه أم لا.

يبدو أنه يمكنك تعيين وضع الكشف على الموضع: ثابت كإعداد افتراضي ، لكن لا أعرف ما إذا كان لديك سبب ضده.

أوه ، مسكتك. تم تصميم نماذج Yeah Reveal ليتم وضعها في نهاية الصفحة ، وليس داخل التخطيط - نستخدم المطلق بدلاً من الثابت حتى تتمكن من الاستمرار في تمرير الصفحة (إذا كنت تريد ذلك). تغيير ذلك إلى الموضع: الإصلاح سيصلحه ، رغم ذلك.

ربما من الأفضل ذكر ذلك في المستندات ، إذن.

في 30 تشرين الثاني (نوفمبر) 2011 ، الساعة 7:14 مساءً ، كتب جوناثان [email protected] :

أوه ، مسكتك. تم تصميم نماذج Yeah Reveal ليتم وضعها في نهاية الصفحة ، وليس داخل التخطيط - نستخدم المطلق بدلاً من الثابت حتى تتمكن من الاستمرار في تمرير الصفحة (إذا كنت تريد ذلك). تغيير ذلك إلى الموضع: الثابت يناسبه ، رغم ذلك.

---

قم بالرد على هذا البريد الإلكتروني مباشرة أو قم بعرضه على GitHub:
https://github.com/zurb/foundation/issues/129#issuecomment -2968907

@ smileyj68 أي فكرة عما هو الموقف: النسبي يفعل على .column ، .columns في grid.css؟ الموضع: لا يعد الخيار الثابت على ملف العرض - الوسائط خيارًا جيدًا عند العمل على موقع سريع الاستجابة لأنك تحتاج حقًا إلى التمرير على ذلك. سأحاول الكتابة فوق ذلك هنا محليًا وسأختبر ما إذا كان قد عطل أي شيء. ولكن إذا كان لديك أي بصيرة ، فأنا أحب سماعها.

هذه القضية فقط عضني في العمق أيضًا. أتمنى أن يكون موثقا ...

وأنا ، عمل جيد لهذا التعليق. إنه يقول في المستندات وضعه بعد كل شيء ولكن عند استخدامه مع Wordpress ، فهذا يعني في التذييل. سيكون مفيدًا إذا قال لماذا تفعل ذلك.

أنا أيضا. بعد ضبطه على الوضع: ثابت ؛ والفيضان: التمرير ؛ الأمور تسير على ما يرام.

اي حل؟! تعيين الموضع الثابت ليس فكرة جيدة إذا كان شكلك كبيرًا. إذا وجد أي شخص أي حل ، يرجى الكتابة هنا. شكرا لك!

ما زلت أواجه هذه المشكلة :(! أي حل؟ PLZ

تحديد الموقف على الثابت لا يعمل

تمكنت من جعلها تعمل. التحول من تحديد الموضع المطلق إلى العمل الثابت عندما فتحت Foundation.css و Foundation.min.css وقمت بتغيير الموضع في فئة .reveal-modal في كلا الملفين على النحو التالي:

- المطلق إلى ثابت
- أعلى: 50 بكسل إلى 30٪ (يمكنك تغيير هذا ، كنت بحاجة إلى تغييره لجعله ينزل بعيدًا بما يكفي لرؤيته)

هذه بالتأكيد مشكلة إذا كنت تستخدم Foundation لأكثر من مجرد HTML ثابت. My Foundation Theme Framework لـ Shopify لديه أيضًا مشاكل مع النوافذ المنبثقة المشروطة لصور المنتج. استخدام .reveal-modal { position: fixed؛ overflow : scroll} يساعد بالتأكيد. ولكن ليس حلا حقيقيا. يمكن أن يكون "كشف" قبيحًا جدًا وغير عملي في هذه الحالة. لن يصلح أي قدر من CSS النقي هذا ، بقدر ما أستطيع أن أرى.

المشكلة التي تواجهها هي أن نمط Reveal يتأثر بوضعية الوالد في الإصدارات السابقة ، لذلك يجب أن يكون لديك فقط نمط Reveal كطفل مباشر لعنصر الجسم.

يجب ألا تشاهد هذه المشكلة مع الإصدار 4.3.2 لأنه يضمن نقل النموذج ليكون تابعًا مباشرًا لـ body بينما يكون النموذج مرئيًا مما يخفف من أي مشكلات غريبة في الموضع تسببها CSS بطريقة أخرى .

إذا كنت ترى هذا في 4.3.2 ، يرجى فتح تذكرة مع مثال ، حيث قمت بإجراء تغييرات محددة للتأكد من أن هذا يعمل بشكل صحيح.

أوافق على أن "الكشف عن النماذج المصممة ليتم وضعها في نهاية الصفحة ، وليس ضمن التنسيق" يجب وضعها في الوثائق لأن المبتدئين يمكن أن ينزعجوا من هذا الإغفال. اضطررت إلى البحث في الويب بالكامل قبل أن أرى التعليق بواسطة

@ chimdi2000 اعتبارًا من 4.3.2 ، لم تعد هذه مشكلة لأن جافا سكريبت

شكرا على التنبيه seantimm. أعتقد أنه كان من الأفضل أن أقوم ببعض التحديث لإطار عمل سمة Shopify Foundation 4!

لقد أصلحseantimm 4.3.2 مشكلات تحديد المواقع الخاصة بي ولكن نظرًا لوجود عناصر نموذج داخل الكشف ونقلها خارج النموذج ، لم يعد من الممكن تقديمها.

كإصلاح مخصص ، أضفت إعدادًا لـ appendElement مما يسمح بإضافتها إلى موقع معين في المستند. أي فرصة لإضافة هذا في إصدار مستقبلي؟

أدرك أن هذا خيط قديم ، ولكن اعتبارًا من ديسمبر 2014 ، ما زلت أواجه هذه المشكلة. من المؤكد أنه حل بسيط بما فيه الكفاية ، ولكن الهدف من استخدام إطار عمل مثل هذا هو أننا لا نضطر إلى قضاء الوقت في الأشياء الأساسية ويمكننا تركيز وقتنا في مكان آخر.

هل هناك أي خطط لتجسيد هذا في الإصدارات المستقبلية؟ تبدو القدرة على اختيار ما إذا كان الموضع هو موضع ثابت أو مطلق ميزة رائعة. يبدو أنه يمكن إجراؤه باستخدام بعض متغيرات sass.

@ smileyj68 ، هل يمكن أن تشرح لماذا من المستحسن أن تستمر الصفحة في التمرير أثناء فتح الكشف؟ يبدو لي أنه عند فتح أحد الوسائط ، يُقصد بمحتوى الصفحة أن يتم حظره. أليس من الأفضل أن يتم إصلاحه وتعيين خاصية تجاوز السعة بحيث يتم تمرير الوسائط؟ إذا كان هذا هو الوضع الافتراضي ، فلن يكون مطلوبًا وضعه في نهاية الصفحة ، وهو ما يمثل صعوبة للعديد من مواقف CMS.

أيضًا ، اضطررت إلى تغيير موضعكشف bg من مطلق إلى ثابت في جميع مشاريعي. أنا لا أفهم سبب اعتبار ذلك مطلقًا.

واجهت مشكلة مماثلة هذا الصباح (باستخدام قضبان الأساس 5.4.5) وقمت بحلها بإضافة ما يلي إلى .reveal-modal لإصلاحها وتوسيطها على الصفحة:

.reveal-modal.open {
  position:fixed;
  top:50%!important; /* override inline style injected from JS */
  left:50%;
  transform:translate(-50%, -50%);
}