Question

我希望仅在页面为+ 450时才将var threshold添加到body.home。所以像这样：

var headHeight = jQuery('#masthead-space').height() + 23; 
var threshold =  jQuery('.PopularTabsWidget').offset().top - headHeight (if body.home) + 450;

jQuery(window).scroll(function () {
    if (jQuery(window).scrollTop() >= threshold)
        jQuery('.PopularTabsWidget').addClass('fixed');
    else
        jQuery('.PopularTabsWidget').removeClass('fixed');
});

Answer 1

您可以尝试使用条件/三元运算符：

var headHeight = jQuery('#masthead-space').height() + 23; 
var threshold =  jQuery('.PopularTabsWidget').offset().top - headHeight + (body.home ? 450 : 0);

Answer 2

您可以使用三元操作（？：）

var threshold =  jQuery('.PopularTabsWidget').offset().top - headHeight + (jQuery('body').hasClass('home') ? 450 : 0);

如果我理解正确body.home表示 body元素有一个CSS类＆＃39; home＆＃39; 。

为避免性能影响，请使用jQuery(document.body)

Answer 3

试试这个

var headHeight = jQuery('#masthead-space').height() + 23; 
var threshold =  jQuery('.PopularTabsWidget').offset().top - headHeight + body.home ? 450 : 0 ;

jQuery(window).scroll(function () {
    if (jQuery(window).scrollTop() >= threshold)
        jQuery('.PopularTabsWidget').addClass('fixed');
    else
        jQuery('.PopularTabsWidget').removeClass('fixed');
});

Answer 4

var threshold =  jQuery('.PopularTabsWidget').offset().top - headHeight +(body.home?450:0);

有没有办法在变量声明中添加条件语句？

4 个答案: