الاحتياجات
استخدامjQueryعند الحكم ، عندما يظهر قسم التذييل في النطاق المرئي ، قم بحساب المسافة من أعلى قسم التذييل إلى أسفل النافذة ، وتضيف المسافة +60px ، وإضافة سمة bottom إلى .freecatalog.
الحل:
$(document).ready(function() {
checkFooterPosition();
});
$(window).scroll(function() {
checkFooterPosition();
});
function checkFooterPosition() {
var windowBottom = $(window).scrollTop() + $(window).height();
var footerTop = $('footer').offset().top;
var A = $(document).width();
if (A > 1280) {
if (windowBottom >= footerTop) {
var distance = windowBottom - footerTop + 60;
$('.freecatalog').css('bottom', distance);
} else {
$('.freecatalog').css('bottom', '');
}
}
}يستخدم هذا الشفرة مكتبة jQuery للتحقق من موقع أسفل صفحة الويب لإجراء تعديلات على عناصر الصفحة عند الضرورة.وعلى وجه التحديد، عند تمرير النافذة أو الانتهاء من تحميل الصفحة، سيتم استدعاء الدالة المسماة "checkFooterPosition()" للتحقق من موقع أسفل الصفحة.إذا كان عرض المتصفح أكبر من 1280 بكسل ، فسيتم التحقق من وصولك إلى أسفل الصفحة.إذا كنت قد وصلت إلى أسفل الصفحة ، فسيتم نقل عنصر يسمى "freecatalog" إلى الأعلى بمقدار 60 بكسل لتجنب التداخل مع التذييل.إذا لم تصل إلى أسفل الصفحة ، فلن يتم إجراء أي تعديلات.
إضافة الأصدقاء