xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
/* CSS to fix the sidebar to the left side of the screen */
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 200px;
height: 100vh; /* Set sidebar height to fill the entire viewport */
background-color: #f0f0f0;
overflow-y: auto; /* Enable vertical scrolling if sidebar content exceeds viewport height */
}
/* CSS to create content area with scrolling */
.content {
margin-left: 200px; /* Adjust this value to match the sidebar width */
/* Additional styling for the content area */
}
</style>
</head>
<body>
<div class="sidebar">
<!-- Sidebar content goes here -->
</div>
<div class="content">
<!-- Main content goes here -->
<!-- Add more content to make the scrollbar appear and scrollable -->
</div>
</body>
</html>