需求:
用jQuery判斷,footer版块齣現在可視範圍時,计算footer版块顶部到窗口底部的距離,并且把该距離+60px,赋予.freecatalog增加bottom屬性
解決方案:
$(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個像素以避免與頁脚重叠。如果没有到達頁面底部,则不做任何调整。






添加好友