CSS Scrollbar

The overflow property specifies whether to clip content, render scrollbars content when it overflows container.

<!DOCTYPE html>
<html lang=”en”>
<head>
<title> CSS Scrollbars </title>
<style type=“text/css”>
.scroller{
width:500px;
height:300px;
overflow-x:scroll;
padding:15px;
}
</style>
</head>

<body>
<div class=“scroller”>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in purus urna. Etiam eget finibus justo, quis sodales velit. In in lacus vel odio efficitur lacinia ut et quam. Morbi consectetur viverra nunc, vel gravida elit scelerisque non. Vestibulum blandit, libero vel ultrices egestas, augue nunc pharetra magna, id posuere mi justo at leo. Sed ante tortor, rutrum eget ligula nec, aliquet eleifend turpis. Nam vel ante felis. Donec ultricies nulla justo, vitae pellentesque erat laoreet venenatis. Maecenas in sapien sollicitudin, vestibulum nulla vel, posuere nisl. Nulla facilisi. Maecenas quis dolor bibendum, lacinia massa sit amet, efficitur purus.
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in purus urna. Etiam eget finibus justo, quis sodales velit. In in lacus vel odio efficitur lacinia ut et quam. Morbi consectetur viverra nunc, vel gravida elit scelerisque non. Vestibulum blandit, libero vel ultrices egestas, augue nunc pharetra magna, id posuere mi justo at leo. Sed ante tortor, rutrum eget ligula nec, aliquet eleifend turpis. Nam vel ante felis. Donec ultricies nulla justo, vitae pellentesque erat laoreet venenatis. Maecenas in sapien sollicitudin, vestibulum nulla vel, posuere nisl. Nulla facilisi. Maecenas quis dolor bibendum, lacinia massa sit amet, efficitur purus.
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in purus urna. Etiam eget finibus justo, quis sodales velit. In in lacus vel odio efficitur lacinia ut et quam. Morbi consectetur viverra nunc, vel gravida elit scelerisque non. Vestibulum blandit, libero vel ultrices egestas, augue nunc pharetra magna, id posuere.
</div>
</body>
</html>

RESULT:

CSS-Scrollbar




Leave a Reply

avatar
  Subscribe  
Notify of