Discussió:Table of contents
De Recursos docents
<style>
body {
display: flex;
margin: 0;
height: 100vh;
}
.toc {
position: fixed;
width: 200px;
height: 100%;
overflow: auto;
background-color: #f9f9f9;
border-right: 1px solid #ccc;
}
.content {
flex: 1;
margin-left: 200px;
margin-right: 200px;
padding: 20px;
}
.sidebar {
position: fixed;
right: 0;
width: 200px;
height: 100%;
overflow: auto;
background-color: #f9f9f9;
border-left: 1px solid #ccc;
}
</style>
</head> <body>
Tabla de Contenido
- <a href="#section1">Sección 1</a>
- <a href="#section2">Sección 2</a>
- <a href="#section3">Sección 3</a>
Contenido Principal
Sección 1
Contenido de la sección 1...
Sección 2
Contenido de la sección 2...
Sección 3
Contenido de la sección 3...
</body> </html> ```
Este código crea una página con tres columnas: la tabla de contenido a la izquierda y la plantilla fija a la derecha no dependen del scroll de la pantalla. ¿ algo más en lo que pueda ayudarte?