Bizonyára ez sokaknak ujjgyakorlat, nekem nem. Amennyiben fixre veszem a pozícióját a topbarnak, akkor görgetéskor helyben marad, csak a méretezésével vannak bajok, eltűnik a responsivitása a topbarnak. Amennyiben szükséges, privátban szívesen megadom az oldal elérhetőségét, nem szeretnék itt felesleges reklámot csinálni :)
Köszönöm szépen mindenkinek a segítséget, sikerült megoldanom a hozzászólások alapján.
- 241 megtekintés
Hozzászólások
Dobj hozza par informaciot, mert ez igy nagyon keves.
Milyen programnyelv? (javascript, vagy mas)
Milyen keretrendszer? (react, bootstrap, vue, plain js, jinj template, css, scss, stb, vegtelen a lista)
a fix az pixel fix, vagy oldal aranyaiban fix? itt megint bejon a fenti ket dolog, hogy js, css, stb, mivel kell megoldani. amennyire tudom js/css vilagban letezik min max, es a ketto kozot meg aranzaiban allit, de ugye nem mindegy, hogy desktop, vagy mobil nezet, stb. stb.
ez pl bootstrap: https://stackoverflow.com/questions/22316693/how-to-make-a-fixed-navbar…
- A hozzászóláshoz be kell jelentkezni
Ezt próbáld ki:
.fixed-top {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: auto;
width: auto;
height: auto;
z-index: 9999;
}- A hozzászóláshoz be kell jelentkezni
Jajjj! Maga okos ember! :)
Betettem customcss-be és lőn csoda, szépen működik :-)
Annyi csupán a bibi, hogy kb kitakarja a felső fontos részből a felét, ami kb 90 pixel...
- A hozzászóláshoz be kell jelentkezni
Akkor még ez kelleni fog, de nem garantált a működése:
body {
padding-top: 100px;
}- A hozzászóláshoz be kell jelentkezni
ne a body-ra rakd az eltolást hanem a fő div-re ami a "fejléc" alatt kezdődik.
Gondolom úgy van felépítve az oldal, hogy a fejléc (ami most fix lett) alatt van egy div alatta meg a lábléc div.
- A hozzászóláshoz be kell jelentkezni
Igen, így van felépítve, ugyanakkor nem értem amit írsz, hogy hova tegyem, de kipróbálok valamit, hátha mégis sikerült megértenem :-)
- A hozzászóláshoz be kell jelentkezni
OFF és hidd el, teljesen jószándékú a kérdés:
Tényleg muszáj ezekkel foglalkoznod, nem kerülhető el (elengedve a projektet, kiadni másnak, stb.)? Látszik, hogy nagyon messziről indulsz mind ebben, mind a db-s kérdésben, ez így iszonyúan szenvedős lesz.
- A hozzászóláshoz be kell jelentkezni
Gazdaságilag a javaslatod helytálló, ám akkor nem tanulok semmit sem.
- A hozzászóláshoz be kell jelentkezni
Köszönöm szépen, megtaláltam amit el kellett tolni és már szépen működik minden :-)
- A hozzászóláshoz be kell jelentkezni
Emlekszel meg arra a mobil webkit bugra, ami pont ilyet csinalt minden footerbol? ;)
- A hozzászóláshoz be kell jelentkezni
Ha ez segít, most ezt láttam:
.topbar {
- background: #2a8aa7;
- color: #fff;
- z-index: 1;
- position: relative;
- height: 48px;
}
- A hozzászóláshoz be kell jelentkezni