Új hozzászólás Aktív témák

• cSuwwi senior tag

  #4460

  #4459 pumatom

  2014-10-17 13:05:56

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  cSuwwi

  senior tag

  #4459 pumatom

  #4459 pumatom

  Ez a doboz tulajdonképpen egy ajánló szerű doboz, aminek a paraméterei css-sel vannak meghatározva.

  Méret, fejléc, szín, stb...

  A doboz fejléce alapjában 35px-lel mutatkozik a böngésző oldal alján, majd egy kattintásra jelenik meg az egész doboz tartalma.

  Igazából ezt lett megoldva .js-el.

  Valami megoldás lehet rá, mert pl a HVG portálja is egy hasonló dobozzal ajánl más cikekket, ami mobilon is tökéletes.

  (Görgetve jelenik meg a doboz)

  Nézd csak meg valami debugger tool-al hogy miért van ott.
  Css: position fixed, bottom: 0, left 5%
  A görgetésre megjelenítés az js, egy meghatározott pixelnyi görgetés után jelenik meg

• Karma félisten

  #4458

  #4457 pumatom

  2014-10-16 18:42:52

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Karma

  félisten

  #4457 pumatom

  #4457 pumatom

  Sziasztok!

  Ablakhoz igazítási problémám lenne.

  Van egy dobozom beviteli mezőkkel.

  Ez a doboz egy .js kóddal van az ablak aljához igazítva, és x pixellel eltolva az ablak jobb oldalától.

  Ha egy számítógépen nyitom meg, akkor teljesen jó, viszont a probléma a különböző mobileszközökön jön elő.

  Amikor a mobileszközön bele "koppintok" a beviteli mezőbe, akkor ugye mobileszköztől függetlenül egy billentyűzet jelenik meg, amivel lehet írni a beviteli mezőbe.

  A probléma: ahogy ez a billentyű megjelenik a képen, akkor ezt a fentebb említett dobozt a billentyű eltolja, de nem szorosan a a billentyű tetején jelenik meg (ahogy szeretném).

  Pl.: Iphone-on kicsivel felette, ami még elmegy, de mondjuk egy galaxy tab 3 tableten nem megy a billentyű fölé, hanem fedésben van a beviteli mező a billentyűvel, ami problémás, mert nem látni, hogy mit írunk bele.

  Lehet valamivel úgy rögzíteni ezt, hogy szorosan a billentyű tetejére rögzüljön?

  Van valami különleges oka, hogy JavaScriptet használsz a position: fixed; bottom: 0; right: valamennyi; CSS kódrészlet helyett az oldal aljára igazításra? Az szerintem a problémádat is megoldaná.

• cSuwwi senior tag

  #4272

  #4271 pumatom

  2014-08-21 23:11:21

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  cSuwwi

  senior tag

  #4271 pumatom

  #4271 pumatom

  Sziasztok!

  Van egy dobozom, amiben vannak beviteli mezők. Ezt a dobozt egy .js file-lal tudom úgy állítani, hogy csak a fejléc látszódjon, majd kattintásra bizonyos pixelnyi távolságot feljebb ugrik.

  Szeretném mobilra is megcsinálni; arra gondoltam, hogy ugyanezt a .js file-t másolom, és a mobilhoz megfelelő paraméterekkel ellátom a másolatot, és egy másik névvel látom el.

  Viszont a kérdés az az, hogy hogyan tudnám úgy behúzni a html file-ba, hogy azt a max-width szerint nyissa meg?

  Mondjuk 1920-ig a box.js-t használja, 320-ig a mobile.js-t használja.

  Próbáltam a media query-vel egymás után beállítani a 2 .js file-t, viszont, csak az elsőt használja, hiába van mérethez állítva a használata.

  Jóllehet nem ez a megoldás, gondoltam hátha.

  Van ötletetek, hogy hogy tudnám ezt megoldani?

  Nem feltétlenül kell külön js file (ha csak egyéb oka nincs).
  1 http query-t spórolhatsz vele, ha csak 1 js filet használsz erre 2 helyett

  lekéred az ablak szélességét, és a megfelelő ágra tereled
  ha van jQuery akkor ott ez a feltétel:

  if ($(window).width() < 768){
  }

  Ha nincs akkor natívban: window.innerWidth-el lehet játszani.
  A többi gondolom fog menni.

Új hozzászólás Aktív témák