(js) if un element has o clasa, add css

#1
dfmmx

Posted 22 January 2018 - 11:45

New Member

Grup: Junior Members
Posts: 2
Înscris: 22.01.2018

vreau ca atunci cand apas un buton sa se adauge o clasa la tag-ul body si un padding right egal cu width-ul scrollbarului
cand butonul este apasat din nou, clasa body-ului sa se stearga si padding-right sa fie zero sau sa nu fie deloc

am facut asa:

o variabila care get latimea barei de scroll

var scrollbarWidth = window.innerWidth - $(document).width()

o ceva care adauga/sterge o clasa tag-ului body cand butonul este apasat

 $("#open-menu").on('click', function(){
$("body").toggleClass("menu-active");
});

nu stiu cum sa fac sa se adauge "padding-right: scrollbarWidth" cand body are clasa "menu-active" si sa se stearga sau sa fie 0 cand n-o mai are:

am incercat asa si nu merge

 if ( $("body").hasClass("menu-active") ) {
$("body").css("padding-right", scrollbarWidth);
} else {
$("body").css("padding-right", 0);
}

Back to top

#2
_Smiley_

Posted 22 January 2018 - 13:04

Guru Member

Grup: Senior Members
Posts: 20,025
Înscris: 24.02.2006

foloseste $("id").removeClass() si $("id").addClass()

doar ca functiile astea lucreaza cu clase, nu cu stiluri. deci trebuie sa ai o clasa cu "padding-right: scrollbarWidth" pe care sa o adaugi/scoti

Back to top

#3
dfmmx

Posted 22 January 2018 - 13:07

New Member

Grup: Junior Members
Posts: 2
Înscris: 22.01.2018

_Smiley_, on 22 ianuarie 2018 - 13:04, said:

foloseste $("id").removeClass() si $("id").addClass()

doar ca functiile astea lucreaza cu clase, nu cu stiluri. deci trebuie sa ai o clasa cu "padding-right: scrollbarWidth" pe care sa o adaugi/scoti

merge asa

 var scrollbarWidth = window.innerWidth - $(document).width()

$("#open-menu .menu").on('click', function(){
   $("body").toggleClass("menu-active");
   if ( $("body").hasClass("menu-active") ) {
	  $("body").css("padding-right", scrollbarWidth);
   } else {
	  $("body").css("padding-right", 0);
   }
});

Edited by dfmmx, 22 January 2018 - 13:09.

Back to top

Anunturi

Bun venit pe Forumul Softpedia!

(js) if un element has o clasa, add css

#1 dfmmx Posted 22 January 2018 - 11:45

#2 _Smiley_ Posted 22 January 2018 - 13:04

#3 dfmmx Posted 22 January 2018 - 13:07

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
dfmmx

Posted 22 January 2018 - 11:45

#2
_Smiley_

Posted 22 January 2018 - 13:04

#3
dfmmx

Posted 22 January 2018 - 13:07