[HTML][JavaScript][CSS]regula css/js Opcje

[eminiasty]

Jak napisac w css lub js reguly typu:

Np div "ABC"

jesli div "ABC" ma height > 30 to wysokosc =300

jesli w div "ABC" pojawia sie scroll(overflow y) to wyskosc =300

Ten post edytował eminiasty 17.04.2016, 15:39:46

[eminiasty]

Pierwsze udalo mi sie rozwiazac tak:

[PHP] pobierz, plaintext 
var cw = $('.menu').height();
 
 if (cw>100){
$('.menu').css({'width':'300px'});  
} 
[PHP] pobierz, plaintext 

Drugie znalazlem cos takiego ale..:

[PHP] pobierz, plaintext 
 var element = document.querySelector('.menu');
if( (element.offsetHeight < element.scrollHeight) || (element.offsetWidth < element.scrollWidth)){
   // your element have overflow
  element.style.width = "300px";
   element.style.background = "yellow";
}
else{
  //your element don't have overflow
  element.style.background = "red";
}
 
[PHP] pobierz, plaintext 

może po lekkiej modyfikacji nawet by dzialalo jak chce ale lecz, dziala to dopiero po odswiezeniu strony, otwieram menu jest czerwony
otworze sub menu(pokaze sie scroll z overflow) -powinno byc zolte i nie ma, a nie da sie w tym momencie zamknac odswiezyc strony i wykonac tego wtedy.. jak to obejsc?

Ten post edytował eminiasty 17.04.2016, 18:08:18