Html textarea custom scrollbar

$4.99
SKU: tacs

Yes, it's true, for a long time, developers and designers were looking for a custom scrollbar in textarea, but this feature was never before implemented, across all the browsers, until now.

We think was time to make a cross browser solution in the easiest posible way, take your awesome design, a little bit of css, put our script on your site and you are done. But all this is just bla bla bla if you don't see it for yourself, so, go ahead and take a look of these demos.

textarea custom scrollbar style chrome

textarea custom scrollbar style notepad

textarea custom scrollbar style nature

As you can see, the demos use the same html file, and all the changes were done exclusively with css, just loading a different stylesheet according to the case to show you the versatility of the script. Well, let's talk about the settings.

You just need to add the stylesheets first. In this case we a have a theme structure.

<link rel="stylesheet" type="text/css" href="css/cs.basic.css"/>
<link rel="stylesheet" type="text/css" href="themes/cs-notepad/cs.style.css">

Then add the required scripts.

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.cs.js" type="text/javascript"></script>

And the activation script.

<script type="text/javascript">
$(document).ready(function(){
$('textarea').cs();
});
</script>

This script works on IE7+, Firefox, Opera, Safari, Chrome.

So, if you are ready to download it, click on "add to cart". If you have any question please leave a comment.

Price: $4.99

Comments

Post new comment

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options