Is there a way to add a conditional statement within a variable declaration?

Question

I want to add + 450 to var threshold only if the page is body.home. So something like this:

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');
});

what do you mean with if body.home ?

Abdou Tahiri
– Abdou Tahiri

2014-04-11 10:56:50 +00:00
Commented Apr 11, 2014 at 10:56 — Abdou Tahiri
– Abdou Tahiri, Commented Apr 11, 2014 at 10:56

Kiril · Accepted Answer · 2014-04-11 11:04:02Z

1

You may use ternary operation (?:)

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

If I understand correctly body.home means body element has a CSS class 'home'.

To avoid performance impact use jQuery(document.body)

edited Apr 11, 2014 at 11:04

answered Apr 11, 2014 at 10:57

Kiril

2,9731 gold badge35 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

J82 Over a year ago

Yes! Thank you, this worked perfectly. I'll tick your answer once the time limit is up.

Oliver · Accepted Answer · 2014-04-11 10:57:25Z

1

You could try using conditional/ternary operator:

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

answered Apr 11, 2014 at 10:57

Oliver

9,0222 gold badges45 silver badges63 bronze badges

1 Comment

PHP Avenger Over a year ago

I was typing the same, and got notification 4 new answers :D

Abdou Tahiri · Accepted Answer · 2014-04-11 10:57:43Z

0

try this

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');
});

answered Apr 11, 2014 at 10:57

Abdou Tahiri

4,4085 gold badges27 silver badges39 bronze badges

Comments

vivek_nk · Accepted Answer · 2014-04-11 10:57:49Z

0

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

answered Apr 11, 2014 at 10:57

vivek_nk

1,60016 silver badges27 bronze badges

Collectives™ on Stack Overflow

Is there a way to add a conditional statement within a variable declaration?

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related