JavaScript div height
Sziasztok!
A segítségeteket szeretném kérni egy div magasságának beállításával kapcsolatban.
A problémám a következő:
Egy tartalomtól függően változó magasságú div-et hoztam létre, ami működik is csak mivel, a kerekített sarkokat képekkel oldottam meg, egy kicsit lejjebb kerül mint én szeretném, ezért a position tulajdonsággal néhány pixellel feljebb toltam, így a tartalom alatt maradt egy kis hely. Én ezt úgy próbáltam megoldani, hogy JavaScript-ben lekérdezem a magasságot, majd kivonom belőle a felesleges magasságot. A probléma viszont az, hogy bár $("div_ID").ready(function(){...}) segítségével megvárnám amíg a div betölt, sajnos nekem azonnal lefut az átméretező kód, nem várja meg míg teljes egészében betölt, így viszont nem a tényleges méretet használja a kód, erre végső megoldásként az a barbár megoldás jutott az eszembe, hogy a setTimeout() függvényt használnám. Először 1000ms-re állítottam, de ez sem volt elég,mert némely eszköznek nem elég az 1s, hogy betöltsön, most 2000ms-en van, de ez sem elég mindenhol(pl. telefonon). Már az 1s-et is soknak tartottam, de a 2s már pláne. Szerintem elég feltűnő, hogy az oldal betöltése után 2 másodperccel felugrik a weboldal jelentős része. Biztos van erre egy elegánsabb megoldás.
Ha valaki tudna segíteni azt nagyon megköszönném, illetve, ha tudtok a problémára másik megoldást azt is szívesen fogadom.
Bence
■ A segítségeteket szeretném kérni egy div magasságának beállításával kapcsolatban.
A problémám a következő:
Egy tartalomtól függően változó magasságú div-et hoztam létre, ami működik is csak mivel, a kerekített sarkokat képekkel oldottam meg, egy kicsit lejjebb kerül mint én szeretném, ezért a position tulajdonsággal néhány pixellel feljebb toltam, így a tartalom alatt maradt egy kis hely. Én ezt úgy próbáltam megoldani, hogy JavaScript-ben lekérdezem a magasságot, majd kivonom belőle a felesleges magasságot. A probléma viszont az, hogy bár $("div_ID").ready(function(){...}) segítségével megvárnám amíg a div betölt, sajnos nekem azonnal lefut az átméretező kód, nem várja meg míg teljes egészében betölt, így viszont nem a tényleges méretet használja a kód, erre végső megoldásként az a barbár megoldás jutott az eszembe, hogy a setTimeout() függvényt használnám. Először 1000ms-re állítottam, de ez sem volt elég,mert némely eszköznek nem elég az 1s, hogy betöltsön, most 2000ms-en van, de ez sem elég mindenhol(pl. telefonon). Már az 1s-et is soknak tartottam, de a 2s már pláne. Szerintem elég feltűnő, hogy az oldal betöltése után 2 másodperccel felugrik a weboldal jelentős része. Biztos van erre egy elegánsabb megoldás.
Ha valaki tudna segíteni azt nagyon megköszönném, illetve, ha tudtok a problémára másik megoldást azt is szívesen fogadom.
Bence
Document
Próbáltam
A kérdés az, a problémát
Miért rossz a jQuery?
A kérdésre javaslat:
- Nem tudom, hogy oldod meg képekkel a sarkokat, de valószínűleg több div, nem egy; ha igen, annak olvass utána, hogy a háttérképek betöltődését el lehet-e kapni és hogyan, ezeket számold, és mikor meg van mind a négy, akkor méretezz. Ez a gagyi megoldás.
- Nem értem, hogy a kerekített sarkokat miért nem egyszerűen CSS-el oldod meg. Ha mobilban is gondolkodsz, de máskülönben is: ilyen kis frincfrancok miatti kismillió HTTP kérés és túl sok kiküldött felesleges byte miatti 2 mp feletti oldalmegjelenési idő alapból sok. Ha valaki régi böngészőt használ, hát nem lesz kerek a sarka, nem lesz árnyék, stb., arra figyelj, hogy azért akkor is olvashatóan jelenjen meg a tartalom.
- Egyébként pedig szerintem mobilra kapásból másik design "jár".
Mind CSS-ben, mind pedig
Nem mindegy
Ezért jobb CSS-el, a JS szerintem - ahogy értettem - valami margin vagy padding -variálás miatt kell(ene), amire szinte biztos, hogy szintén van CSS megoldás.
Annak a mondatnak nem az volt
Igaz
Szerk.: jó lenne látni a jelenlegi HTML-t, CSS-t.
Böngészőkülönbség
Akkor csak a megszokás, kényelem
Ezzel együtt jónak tartom, mint keretrendszert, ha bent van a cache-ben, a többi (oldalanként változó) JS-ed jelentősen rövidülhet, ha jól használod.
(Ma még nagyon sok magyar gépen van "halott platform", olyat is hallottam, hogy valaki azért tért vissza win7-8-ról, mert nem tudta megszokni...)
Animáció