Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Jquery width
mdynda
post 11.08.2019, 23:33:42
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 24.07.2019

Ostrzeżenie: (0%)
-----


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.  
Go to the top of the page
+Quote Post
trueblue
post 12.08.2019, 07:08:02
Post #2





Grupa: Zarejestrowani
Postów: 5 500
Pomógł: 1503
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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?


--------------------
Go to the top of the page
+Quote Post
mdynda
post 12.08.2019, 08:21:25
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 24.07.2019

Ostrzeżenie: (0%)
-----


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;
}
Go to the top of the page
+Quote Post
trueblue
post 12.08.2019, 08:28:32
Post #4





Grupa: Zarejestrowani
Postów: 5 500
Pomógł: 1503
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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


--------------------
Go to the top of the page
+Quote Post
mdynda
post 12.08.2019, 19:14:48
Post #5





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 24.07.2019

Ostrzeżenie: (0%)
-----


Działa. Ponownie wielkie dzięki
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
3 Użytkowników czyta ten temat (3 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 23.09.2019 - 02:22