في الآونة الأخيرة ، عندما كنت أقوم بإحصائيات المشروع ، واجهت متطلبات محددة ، تتطلب إصلاح الجدول عند التمرير لأعلى ولأسفل ؛ عند التمرير إلى اليسار واليمين ، يتم إصلاح الجدول في العمود الأول من الجدول ، يتم إصلاح العمود الأخير من العمود الأول من الجدول.
قد يكون من الواضح أن وضع العروض أولاً:
عند التمرير إلى اليسار واليمين ، يتم إصلاح العمودين ، والجزء الأوسط من الرأس والذيل يتقدم وفقًا لذلك.
عند التمرير لأعلى ولأسفل ، يتم إصلاح الرأس والذيل ، والجزء الأوسط من الأعمدة الأولى والأخيرة تتمحور وفقًا لذلك.
الأفكار:بعد التفكير لفترة طويلة ، وجدت أنه من الصعب بشكل أساسي تحقيقه إذا كنت تستخدم جدولًا ، وهناك أماكن متضاربة عند التمرير لأعلى ولأسفل. أخيرًا ، غيرت رأيي لاستخدام Div Layout وتقليد تصميم الجدول لتحقيق هذا التأثير.
يحل: 1. التصميم العام: مقسمة إلى ثلاثة أجزاء: العلوي والوسط والسفلي ، وهي الرأس والجسم والتذييل. الجسم صلب. تنفيذ التمرير لأعلى ولأسفل. أليس هذا بسيط جدا؟ هاها. 2. تخطيط الرأس: مقسمة إلى حاوية يسار يمينًا ، يطفو عرض اليسار بنسبة 10 ٪ على اليسار ، وعرض الحاوية 80 ٪ يطفو على اليسار ، يمين 10 ٪ يطفو على اليسار. أضف حاوية مع العرض الفعلي لمحمي عمود البيانات (تحديد المواقع النسبية).3. الجسم ، تذييل ورأس.
4. Control Core: قم بإنشاء (80 ٪) Div بنفس عرض الحاوية ، ووضع Div بنفس عرض البيانات الفعلي مثل مونترر العمود (مثل ID = التمرير). لمحاكاة قضبان التمرير اليسرى واليمنى.
رمز JavaScript محتوى نسخ إلى الحافظة