Drukowana wersja tematu

Napisany przez: mdynda 11.08.2019, 23:33:42

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

[HTML] pobierz, plaintext 
<http://december.com/html/4/element/script.html>
    $(window).ready(function() {
        if ($(window).width() < 1000) {
            $('nav').removeClass("fixed-top");
            $('nav').addClass("fixed-bottom");
        } else {
            $('nav').addClass("fixed-top");
            $('nav').removeClass("fixed-bottom");
 
        }
    });
 
</http://december.com/html/4/element/script.html>
[HTML] pobierz, plaintext 

Napisany przez: trueblue 12.08.2019, 07:08:02

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?

Napisany przez: mdynda 12.08.2019, 08:21:25

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;
}

Napisany przez: trueblue 12.08.2019, 08:28:32

Wartość auto dla top, jeśli ustawiasz bottom.

Napisany przez: mdynda 12.08.2019, 19:14:48

Działa. Ponownie wielkie dzięki