jQuery syntax - If condition and condition

Question

Hi all I'm trying to test the size of a window is less than 800px whilst also checking scroll but it's not working I'm sure I just have the syntax incorrect (newbie here).

Here is what I have...

if ($(window).scrollTop() >= origOffsetY && $(window).width() < 801) {
// do something
}

Any ideas?

did you try put what is either side of the && in brackets? — Sionnach733
– Sionnach733, Commented Jan 15, 2014 at 9:48
The syntax is fine. You need to debug this and see what your three dynamic values contain — CodingIntrigue
– CodingIntrigue, Commented Jan 15, 2014 at 9:49
@Sionnach733: There's absolutely no reason to do that with the above. — T.J. Crowder
– T.J. Crowder, Commented Jan 15, 2014 at 9:49
@ Mark: jQuery is a library, not a language. JavaScript is the language you're using. — T.J. Crowder
– T.J. Crowder, Commented Jan 15, 2014 at 9:49

T.J. Crowder · Accepted Answer · 2014-01-15 09:52:30Z

1

That syntax is correct. If it's not working, it's because the values aren't what you expect, not because you have the syntax wrong.

Use the debugger built into your browser to figure it out. To make that easier, you can put things in variables first:

var $win = $(window);
var scrollTop = $win.scrollTop();
var width = $win.width();
if (scrollTop >= origOffsetY && width < 801) {
// do something
}

Now you can put a breakpoint on the if statement, and inspect the values of the scrollTop and width and origOffsetY variables. Or alternately, add console.log statements to dump them out (useful for when stopping the script with a breakpoint is awkward).

answered Jan 15, 2014 at 9:52

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

1 Comment

Mark Over a year ago

Hi @T.J. Crowder thanks for your great tip on the variables, its something I didn't realise you could do! I did what you said with console log and noticed something I told it to tell me what width is set as and for some reason even though when I am changing the width of the page and with chrome dev tools open the top right shows say 800px the console shows a higher number. For instance when console says width is 800 chrome tools say the window is actually 739px. Not sure why this is but I'll have a look around. But thanks for help TJ :)

Richa · Accepted Answer · 2014-01-15 09:50:42Z

0

Try this:

if ($("body").height() > $(window).height() &&  $(window).width() < 800) {
     //your code
}

answered Jan 15, 2014 at 9:50

Richa

4,2605 gold badges36 silver badges51 bronze badges

2 Comments

T.J. Crowder Over a year ago

"Try this" followed by a code dump is not useful. Say what you changed, and why.

Mark Over a year ago

Hiya @Era took me a while to figure out how this works (newbie) but I get it and yes it seems a neat way of doing what I am after. Hope you dont mind I set TJs as the solved as his answer helped me work out what was actually going on :)

Collectives™ on Stack Overflow

jQuery syntax - If condition and condition

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related