CSS Scrollbar Position Tutorial | Coding Tag
×

CSS Scrollbar

4256

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>

Output:



Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments