CSS Scrollbar

by Abhishek 12-Jul-16

0 859


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


Share:

Comments

    No Comments Yet.

Leave a Reply