Clicky

Skocz do zawartości


Zdjęcie
- - - - -

Skrypty js w RWD

3 odpowiedzi w tym temacie
javascript rwd

  • Zaloguj się, aby dodać odpowiedź

#1 Aver

Aver

    Początkujący

  • Użytkownik
  • Pip
  • 20 postów
  • Skąd:Łódź

Napisano 10 październik 2016 - 13:49

Cześć,

 

pisze strone w rwd i część skryptów (np. od mobilnego menu) dotyczy tylko rozdzielczości w których to menu się pojawia. Jestem ciekawy jak zrobić to aby te wkrypty wykonywały się w zależności od rodzielczości ekranu oraz przy jej zmianie (np. przy rozciąganiu okna) automatycznie się załączały.

 

W tej chwili mam coś w stylu: 

if(screen.width < 1024 ) {

}

ale po zmianie okna przeglądarki trzeba odświeżyć stronę a jak to zrobić dynamicznie?



#2 mck

mck

    Jestę Blogerę

  • Admin
  • 1544 postów

Napisano 11 październik 2016 - 08:42

Ręczne ustawianie breakpointów (czyli coś w stylu kodu, który wrzuciłeś) jest chyba najpopularniejszym sposobem radzenia sobie z RWD. Z tym, że raczej unika się wrzucania ich bezpośrednio w kod - lepiej zrobić z nich zmienne dostępnie globalnie, aby można było je zmienić w jednym miejscu.

 

A co do reagowania na zmianę rozdzielczości, to wystarczy podpiąć się pod odpowiedni event (resize) i uruchomić odpowiedni fragment skryptu, np.

JS:

window.onresize = function(){ };

jQuery:

$(window).on('resize', function(){ });


#3 Keenic

Keenic

    Początkujący

  • Użytkownik
  • Pip
  • 41 postów
  • Skąd:Poznań

Napisano 11 październik 2016 - 19:15

http://wicky.nillia.ms/enquire.js/

 

Bardzo dobrze sie sprawdza do tego co potrzebujesz



#4 Aver

Aver

    Początkujący

  • Użytkownik
  • Pip
  • 20 postów
  • Skąd:Łódź

Napisano 26 październik 2016 - 13:34

Ciekawa biblioteczka, dzięki!







Również z jednym lub większą ilością słów kluczowych: javascript, rwd

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych