Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jquery width
Forum PHP.pl > Forum > Po stronie przeglądarki
mdynda
Witam, chce zmienić klasę przy szerokości mniejszej niż 1000px - nie nadpisać czy dodać ale usunąć jedną i dodać druga a powyżej 1000 w drugą stronę.
Wszystko działa z tym, że nie dynamicznie ale gdy odświeżę stronę. W czym taki problem ? (navbar bootstrapa)
Pozdrawiam
  1. $(window).ready(function() {
  2. if ($(window).width() < 1000) {
  3. $('nav').removeClass("fixed-top");
  4. $('nav').addClass("fixed-bottom");
  5. } else {
  6. $('nav').addClass("fixed-top");
  7. $('nav').removeClass("fixed-bottom");
  8.  
  9. }
  10. });
  11.  
trueblue
Użyj zdarzenia resize. W jaki sposób miałoby teraz działać, jeśli warunek wykonujesz raz, po "załadowaniu" strony?

Dlaczego nie używasz media queries?
mdynda
Super, działa.
Co do media queries to nie mogłem tego ogarnąć bo te dwie klasy różni parametr top lub bottom - jedna ma to druga to i nie potrafie tego zmienić w mq... bo nie wiem jaką ma mieć wartość, żeby ją nadpisać

.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}

.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
trueblue
Wartość auto dla top, jeśli ustawiasz bottom.
mdynda
Działa. Ponownie wielkie dzięki
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2019 Invision Power Services, Inc.