CSS - Abschnitt festsetzen
A
Adrian
Anna
Albert
Atos
B
Berta
Balduin
Bernd
C
Cindy
Camilla
Christian
Christine
D
David
Daniela
Doris
Damian
E
Eva
Erich
Emma
Edelbert
F
Franz
Fiona
Flora
Florian
Unterstützung: Mozilla Firefox, Google Chrome, Microsoft Edge (16)
<style>
.container {
width: 300px;
height: 150px;
border: Solid 1px #ccc;
overflow: Auto;
}
.heading{
background: #ccc;
height: 50px;
line-height: 50px;
margin-top: 10px;
font-size: 30px;
padding-left: 10px;
position: -webkit-sticky;
position: sticky;
top: 0px;
}
</style>
<div class="container">
<div class="heading">A</div>
<div>Adrian</div>
<div>Anna</div>
<div>Albert</div>
<div>Atos</div>
<div class="heading">B</div>
<div>Berta</div>
<div>Balduin</div>
<div>Bernd</div>
<div class="heading">C</div>
<div>Cindy</div>
<div>Camilla</div>
<div>Christian</div>
<div>Christine</div>
<div class="heading">D</div>
<div>David</div>
<div>Daniela</div>
<div>Doris</div>
<div>Damian</div>
</div>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<head> Kopfdaten
CSS - Internes Sprungziel hervorheben
PHP - Logfiles in einer Datei speichern
MySQL - Einfügen oder aktualisieren mit 'ON DUPLICATE KEY UPDATE'