علامة التبويب JQuery Sliding "تأثير جانبي"

Question

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

هل من الممكن أن تُخبر الصفحة التي تخبر الصفحة بالتمرير لأسفل في الحد الأقصى بعد الضغط على علامة التبويب؟

Answer 1

أنا أفعل شيئًا كهذا باستخدام علامات تبويب jQuery UI ، يمكنك تعديله لأي تخطيط:

//Tab panel height matching
$(".ui-tabs-panel").each(function() {
if ($(this).height() + 30 > $(this).parents(".subTabsC").height()) {
  $(this).parents(".subTabsC").height($(this).height() + 30);
}
});

لدي محتوى علامة التبويب بالكامل ملفوفة في <div class="subTabsC">. 30 بكسل في حالتي هي حساب علامات التبويب والحدود ، والتكيف مع كل ما تحتاجه.

Answer 2

نعم. Onload يمكنك التكرار من خلال جميع علامات التبويب ، والعثور على الأطول وضبط ارتفاع الحاوية على هذه القيمة وإزالة كل ما يفعل تغيير حجمه.

هذا يعني أن بعض الأشياء الأصغر قد تبدو ضائعة قليلاً ، لكنك لن تقوم بتغيير حجم الصفحة (التي تزعجني أيضًا).

Answer 3

ألا يمكنك فقط إضافة "إرجاع خطأ" في نهاية وظيفتك؟ هذا من شأنه أن يمنعها من "تحديث" الصفحة عند النقر فوق رابط المرساة .... قد أكون مخطئًا ... لقد بدأت للتو في تعلم jQuery و JavaScript.