/MEGOLDVA/ Topbar fixen tartása görgetéskor úgy, hogy responsiv maradjon.

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.

Hozzászólások

Szerkesztve: 2021. 06. 17., cs – 18:00

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…

Ezt próbáld ki:

.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: auto;
    height: auto;
    z-index: 9999;
}

Ha ez segít, most ezt láttam:

.topbar {

  1. background: #2a8aa7;
  2. color: #fff;
  3. z-index: 1;
  4. position: relative;
  5. height: 48px;

}