Trädvy Permalänk
Medlem
Registrerad
Sep 2015

Hjälp med scroll i HTML/CSS

Hej Sweclockers,

Jag behöver er hjälp att fixa en grej med Boostrap:

<div class="panel panel-default" style="height:450px;overflow-y:auto"> <div class="panel-heading"> <h3 class="panel-title">News</h3> </div> <div class="panel-body" style="padding:0;border:0px;"> </div> </div>

Jag har koden ovan. Jag behöver göra så att hela diven panel-heading är fixed så att när jag scrollar ner att den fortfarande sitter kvar och inte försvinner. Hur löser jag det?

Trädvy Permalänk
Medlem
Registrerad
Sep 2014

<div class="panel-heading" style="position: fixed;">

Trädvy Permalänk
Medlem
Registrerad
Sep 2015
Skrivet av noyce:

<div class="panel-heading" style="position: fixed;">

Tack, men det fungerar inte riktigt. Nu syns inte panel-heading diven istället.

Trädvy Permalänk
Medlem
Registrerad
Sep 2011

<div class="panel panel-default" style="height:450px;overflow-y:auto;position: fixed">

Moderkort: Asus P9X79 Deluxe CPU: i7 3930K @ 4.3 GHz Kylare: Phantek PH-TC14PE Blå Minnen: Corsair Vengence LP 4x4 GB Blå GPU: Asus GeForce GTX 980 TI med EVGA Hybrid cooler PSU: Corsair AX 850W 80+ Gold Lagring: Samsung 960 EVO 500GB M.2 + 2 x 2 TB WD Green RAID0 Chassi: NZXT H2 Svart OS: Windows 10

Trädvy Permalänk
Medlem
Registrerad
Sep 2014

@Crqu:

<div class="panel-heading" style="position: fixed; width:100%">

Ser ut att fungera om jag förstått dig rätt, ändra bredden till en annan storlek om så önskas.
http://www.bootply.com/hfEqM6svfC