ความต้องการ:
ใช้jQueryคํานวณระยะห่างจากด้านบนของส่วน footer ไปยังด้านล่างของหน้าต่างเมื่อส่วน footer ปรากฏในช่วงที่มองเห็นและเพิ่มระยะห่าง + 60px ให้ .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 พิกเซลเพื่อหลีกเลี่ยงการทับซ้อนกับส่วนท้ายของหน้าถ้าไม่ถึงด้านล่างของหน้า จะไม่มีการปรับเปลี่ยนใดๆ
เพิ่มเพื่อน