Bildschirm splitten auf links und rechts (tailwind und svelte)?
<!DOCTYPE html>
<html lang="en">
<head>
<title> </title>
</head>
<body>
<div>
<!-- left site-->
<div class="">
</div>
<!-- right site-->
<div class="">
</div>
</div>
</body>
</html>
https://hyprsonic.dev/
inspiriert wurde ich von der Seite und ich will das auch ungefähr so bauen, dass heißt bildschirm wird in links und rechts gesplitet und ich will das nur die rechte seite scrollbar sein soll während die linke fix bleibt aber ich weiß nicht genau wie ich anfangen soll
struktur wäre wie im bild:
im obersten div teile ich den bildschirm auf aber wie sage ich dann das der nächste div die linke sein soll, indem ich nochmal den bereich definiere für den linken teil? Dann wäre der oberste div ja unnütz denke ich.
Brauche hilfe ^^
1 Antwort
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Webseite, JavaScript, Webentwicklung
Die linke Seite muss sticky sein.
<main class="flex">
<div class="h-screen sticky top-0">Left side</div>
<div>Right side</div>
</main>