.addClass - How to call CSS from linked css?

Question

I have this piece of code and I have a simple question.

$(window).scroll(function() {
var y_scroll_pos = window.pageYOffset;
var scroll_pos_test = 150;             // set to whatever you want it to be

if(y_scroll_pos > scroll_pos_test) {
    $( "#cssmenu" ).addClass("extend");
} else if(y_scroll_pos < scroll_pos_test) {
    $( "#cssmenu" ).addClass("contract");
}
});

I have linked a CSS file ( via href="css/style.css") and I would like to use .extend and .contract from such file.

Is this possible?

Thank you.

Yes, it is. Have you tried it? What happens? What do those classes do? — Nikita Silverstruk
– Nikita Silverstruk, Commented Sep 20, 2013 at 22:59
jsfiddle.net/5uv5U/1 I am trying this. I figured it out. Yes, it works. Thank you. — George Edward Portillo
– George Edward Portillo, Commented Sep 20, 2013 at 23:02

chopper · Accepted Answer · 2013-09-20 23:11:17Z

3

Yes. Just include the CSS file in your HTML.

<head>
   <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

You will also need to call .removeClass() to remove the extend and contract class when adding the other one.

See this jsFiddle

edited Sep 20, 2013 at 23:11

answered Sep 20, 2013 at 22:58

chopper

6,7397 gold badges41 silver badges56 bronze badges

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

Comments

Nikita Silverstruk · Accepted Answer · 2013-09-20 23:01:27Z

2

A little correction

$(window).scroll(function () {
    var y_scroll_pos = window.pageYOffset;
    var scroll_pos_test = 150;             // set to whatever you want it to be

    if (y_scroll_pos > scroll_pos_test) {
        $("#cssmenu").addClass("extend");
        $("#cssmenu").removeClass("contract");
    } else if (y_scroll_pos < scroll_pos_test) {
        $("#cssmenu").addClass("contract");
        $("#cssmenu").removeClass("extend");
    }
});

answered Sep 20, 2013 at 23:01

Nikita Silverstruk

1,1171 gold badge20 silver badges42 bronze badges

Comments

blackeyebeefhorsefly · Accepted Answer · 2013-09-20 23:00:00Z

1

Yes, of course it is. addClass is just a jquery method to add a class='' to any dom element. It doesnt create the class itself.

answered Sep 20, 2013 at 23:00

blackeyebeefhorsefly

1,9441 gold badge15 silver badges18 bronze badges

Collectives™ on Stack Overflow

.addClass - How to call CSS from linked css?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related