Jquery scrollToFixed:固定在底部,但仅当空间足够时
我和你一起工作 我需要把地址块贴在底部,但只有当窗户足够高的时候。 现在,当窗口不够高时,地址块会覆盖内容 我需要:Jquery scrollToFixed:固定在底部,但仅当空间足够时,jquery,jquery-plugins,Jquery,Jquery Plugins,我和你一起工作 我需要把地址块贴在底部,但只有当窗户足够高的时候。 现在,当窗口不够高时,地址块会覆盖内容 我需要: $(window).on('load', function() { $('.address').scrollToFixed({ bottom: 30, marginTop: 650 }); }); 但bottom和marginTop的组合不起作用 您可以在不使用插件的情况下执行以下操作: $(window).resize(fu
$(window).on('load', function() {
$('.address').scrollToFixed({
bottom: 30,
marginTop: 650
});
});
但bottom和marginTop的组合不起作用 您可以在不使用插件的情况下执行以下操作:
$(window).resize(function(){
var height = $(window).height();
if(height < 920){
$('.address').css('position','fixed');
$('.address').css('top','10px')
}
else if(height >= 920){
$('.address').css('position','relative');
$('.address').css('top','0px');
}
});
您可以使用以下示例:
看看这部分:
//上一个摘要在这一页上
var summaries = $('.summary');
summaries.each(function(i) {
var summary = $(summaries[i]);
var next = summaries[i + 1];
summary.scrollToFixed({
marginTop: $('.header').outerHeight(true) + 10,
limit: function() {
var limit = 0;
if (next) {
limit = $(next).offset().top - $(this).outerHeight(true) - 10;
} else {
limit = $('.footer').offset().top - $(this).outerHeight(true) - 10;
}
return limit;
},
zIndex: 999
});
滚动位置也很重要,不仅仅是窗口高度。示例:当我的高度>=920,但窗口向下滚动时,则地址块需要固定在底部。因此,如果需要相互交换,可能这也是您想要的$window.scrollTop>910